@atlaskit/smart-card 36.13.2 → 36.15.0

package/dist/esm/common/ui/icons/audio-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/audio/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/audio/24';
 import AudioIcon from '@atlaskit/icon/core/audio';
-import { renderIconTile } from './utils';
-var AudioIconWithColor = renderIconTile(AudioIcon, 'redBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var AudioIconWithColor = renderIconTile(AudioIcon, 'redBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 AudioIconWithColor.displayName = 'AudioIconWithColor';
 export default AudioIconWithColor;

package/dist/esm/common/ui/icons/chart-bar-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/presentation/24';
 import ChartBarIcon from '@atlaskit/icon/core/chart-bar';
-import { renderIconTile } from './utils';
-var ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
 export default ChartBarIconWithColor;

package/dist/esm/common/ui/icons/file-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/generic/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/generic/24';
 import FileIcon from '@atlaskit/icon/core/file';
-import { renderIconTile } from './utils';
-var FileIconWithColor = renderIconTile(FileIcon, 'grayBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var FileIconWithColor = renderIconTile(FileIcon, 'grayBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 FileIconWithColor.displayName = 'FileIconWithColor';
 export default FileIconWithColor;

package/dist/esm/common/ui/icons/folder-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/folder/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/folder/24';
 import FolderClosedIcon from '@atlaskit/icon/core/folder-closed';
-import { renderIconTile } from './utils';
-var FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
 export default FolderClosedIconWithColor;

package/dist/esm/common/ui/icons/image-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/image/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/image/24';
 import ImageIcon from '@atlaskit/icon/core/image';
-import { renderIconTile } from './utils';
-var ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ImageIconWithColor.displayName = 'ImageIconWithColor';
 export default ImageIconWithColor;

package/dist/esm/common/ui/icons/list-bullet-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/spreadsheet/24';
 import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
-import { renderIconTile } from './utils';
-var ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
 export default ListBulletedIconWithColor;

package/dist/esm/common/ui/icons/page-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/document/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/document/24';
 import PageIcon from '@atlaskit/icon/core/page';
-import { renderIconTile } from './utils';
-var PageIconWithColor = renderIconTile(PageIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var PageIconWithColor = renderIconTile(PageIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 PageIconWithColor.displayName = 'PageIconWithColor';
 export default PageIconWithColor;

package/dist/esm/common/ui/icons/utils.js

@@ -34,7 +34,9 @@ export var renderIconTile = function renderIconTile(Icon, appearance, LegacyIcon
       icon: Icon,
       size: transformSmartLinkSizeToIconTileSize(size)
     }, props, {
-      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, props)
+      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, _extends({}, props, {
+        size: size
+      }))
     }));
   };
 };

package/dist/esm/common/ui/icons/video-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/video/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/video/24';
 import VideoIcon from '@atlaskit/icon/core/video';
-import { renderIconTile } from './utils';
-var VideoIconWithColor = renderIconTile(VideoIcon, 'redBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var VideoIconWithColor = renderIconTile(VideoIcon, 'redBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 VideoIconWithColor.displayName = 'VideoIconWithColor';
 export default VideoIconWithColor;

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

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -5,7 +5,7 @@ var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
 import React from 'react';
 import { SmartLinkSize } from '../../../../../../constants';
 import { LoadingSkeleton } from '../../../common/loading-skeleton';
-import { getIconWidthNew } from '../../../utils';
+import { getIconWidth } from '../../../utils';
 import Block from '../../block';
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
@@ -21,7 +21,7 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
-  var iconWidth = getIconWidthNew(size);
+  var iconWidth = getIconWidth(size);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
   }), !hideIcon && /*#__PURE__*/React.createElement("span", {

package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -1,161 +1,17 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _importIconMapperOld;
 import React from 'react';
 import Loadable from 'react-loadable';
-import DocumentIconOld from '@atlaskit/icon-file-type/glyph/document/16';
-import BlogIconOld from '@atlaskit/icon-object/glyph/blog/16';
 import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { R400 } from '@atlaskit/theme/colors';
-import BlogIconNew from '../../../../../common/ui/icons/blog-icon';
+import BlogIcon from '../../../../../common/ui/icons/blog-icon';
 import LiveDocumentIcon from '../../../../../common/ui/icons/live-document-icon';
-import DocumentIconNew from '../../../../../common/ui/icons/page-icon';
+import DocumentIcon from '../../../../../common/ui/icons/page-icon';
 import { IconType, SmartLinkSize } from '../../../../../constants';
 import { getLazyIcons, isIconSizeLarge } from '../../../../../utils';
-// prettier-ignore
-var importIconMapperOld = (_importIconMapperOld = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Archive, function () {
-  return import( /* webpackChunkName: "glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16');
-}), IconType.Audio, function () {
-  return import( /* webpackChunkName: "glyphAudio" */'@atlaskit/icon-file-type/glyph/audio/16');
-}), IconType.Code, function () {
-  return import( /* webpackChunkName: "glyphCode" */'@atlaskit/icon-file-type/glyph/source-code/16');
-}), IconType.Executable, function () {
-  return import( /* webpackChunkName: "glyphExecutable" */'@atlaskit/icon-file-type/glyph/executable/16');
-}), IconType.File, function () {
-  return import( /* webpackChunkName: "glyphFile" */'@atlaskit/icon-file-type/glyph/generic/16');
-}), IconType.Folder, function () {
-  return import( /* webpackChunkName: "glyphFolder" */'@atlaskit/icon-file-type/glyph/folder/16');
-}), IconType.Generic, function () {
-  return import( /* webpackChunkName: "glyphGeneric" */'@atlaskit/icon-file-type/glyph/generic/16');
-}), IconType.GIF, function () {
-  return import( /* webpackChunkName: "glyphGIF" */'@atlaskit/icon-file-type/glyph/gif/16');
-}), IconType.GoogleDocs, function () {
-  return import( /* webpackChunkName: "glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/16');
-}), IconType.GoogleForms, function () {
-  return import( /* webpackChunkName: "glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.GoogleSheets, function () {
-  return import( /* webpackChunkName: "glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16');
-}), IconType.GoogleSlides, function () {
-  return import( /* webpackChunkName: "glyphGoogleSlides" */'@atlaskit/icon-file-type/glyph/google-slide/16');
-}), IconType.Image, function () {
-  return import( /* webpackChunkName: "glyphImage" */'@atlaskit/icon-file-type/glyph/image/16');
-}), IconType.MSExcel, function () {
-  return import( /* webpackChunkName: "glyphMSExcel" */'@atlaskit/icon-file-type/glyph/excel-spreadsheet/16');
-}), IconType.MSPowerpoint, function () {
-  return import( /* webpackChunkName: "glyphMSPowerpoint" */'@atlaskit/icon-file-type/glyph/powerpoint-presentation/16');
-}), IconType.MSWord, function () {
-  return import( /* webpackChunkName: "glyphMSWord" */'@atlaskit/icon-file-type/glyph/word-document/16');
-}), IconType.PDF, function () {
-  return import( /* webpackChunkName: "glyphPDF" */'@atlaskit/icon-file-type/glyph/pdf-document/16');
-}), IconType.Presentation, function () {
-  return import( /* webpackChunkName: "glyphPresentation" */'@atlaskit/icon-file-type/glyph/presentation/16');
-}), IconType.Sketch, function () {
-  return import( /* webpackChunkName: "glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/16');
-}), IconType.Spreadsheet, function () {
-  return import( /* webpackChunkName: "glyphSpreadsheet" */'@atlaskit/icon-file-type/glyph/spreadsheet/16');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Template, function () {
-  return import( /* webpackChunkName: "glyphTemplate" */'@atlaskit/icon/glyph/document-filled');
-}), IconType.Video, function () {
-  return import( /* webpackChunkName: "glyphVideo" */'@atlaskit/icon-file-type/glyph/video/16');
-}), IconType.Branch, function () {
-  return import( /* webpackChunkName: "glyphBranch" */'@atlaskit/icon-object/glyph/branch/16');
-}), IconType.Commit, function () {
-  return import( /* webpackChunkName: "glyphCommit" */'@atlaskit/icon-object/glyph/commit/16');
-}), IconType.Project, function () {
-  return import( /* webpackChunkName: "glyphProject" */'@atlaskit/icon/glyph/people-group');
-}), IconType.PullRequest, function () {
-  return import( /* webpackChunkName: "glyphPullRequest" */'@atlaskit/icon-object/glyph/pull-request/16');
-}), IconType.Repo, function () {
-  return import( /* webpackChunkName: "glyphRepo" */'@atlaskit/icon-object/glyph/code/16');
-}), IconType.Bug, function () {
-  return import( /* webpackChunkName: "glyphBug" */'@atlaskit/icon-object/glyph/bug/16');
-}), IconType.Change, function () {
-  return import( /* webpackChunkName: "glyphChange" */'@atlaskit/icon-object/glyph/changes/16');
-}), IconType.Epic, function () {
-  return import( /* webpackChunkName: "glyphEpic" */'@atlaskit/icon-object/glyph/epic/16');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Incident, function () {
-  return import( /* webpackChunkName: "glyphIncident" */'@atlaskit/icon-object/glyph/incident/16');
-}), IconType.Problem, function () {
-  return import( /* webpackChunkName: "glyphProblem" */'@atlaskit/icon-object/glyph/problem/16');
-}), IconType.ServiceRequest, function () {
-  return import( /* webpackChunkName: "glyphServiceRequest" */'@atlaskit/icon-object/glyph/issue/16');
-}), IconType.Story, function () {
-  return import( /* webpackChunkName: "glyphStory" */'@atlaskit/icon-object/glyph/story/16');
-}), IconType.SubTask, function () {
-  return import( /* webpackChunkName: "glyphSubTask" */'@atlaskit/icon-object/glyph/subtask/16');
-}), IconType.Task, function () {
-  return import( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16');
-}), IconType.Confluence, function () {
-  return import( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref) {
-    var ConfluenceIcon = _ref.ConfluenceIcon;
-    return {
-      default: ConfluenceIcon
-    };
-  });
-}), IconType.Jira, function () {
-  return import( /* webpackChunkName: "glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref2) {
-    var JiraIcon = _ref2.JiraIcon;
-    return {
-      default: JiraIcon
-    };
-  });
-}), IconType.Default, function () {
-  return import( /* webpackChunkName: "glyphDefault" */'@atlaskit/icon/glyph/link');
-}), IconType.Error, function () {
-  return import( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Forbidden, function () {
-  return import( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled');
-}), IconType.Attachment, function () {
-  return import( /* webpackChunkName: "glyphAttachment" */'@atlaskit/icon/glyph/attachment');
-}), IconType.CheckItem, function () {
-  return import( /* webpackChunkName: "glyphAttachment" */'@atlaskit/icon/glyph/task');
-}), IconType.Comment, function () {
-  return import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/comment');
-}), IconType.View, function () {
-  return import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/watch');
-}), IconType.React, function () {
-  return import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/like');
-}), IconType.Vote, function () {
-  return import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/arrow-up');
-}), IconType.PriorityBlocker, function () {
-  return import( /* webpackChunkName: "glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker');
-}), IconType.PriorityCritical, function () {
-  return import( /* webpackChunkName: "glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical');
-}), IconType.PriorityHigh, function () {
-  return import( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.PriorityHighest, function () {
-  return import( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest');
-}), IconType.PriorityLow, function () {
-  return import( /* webpackChunkName: "glyphLow" */'@atlaskit/icon-priority/glyph/priority-low');
-}), IconType.PriorityLowest, function () {
-  return import( /* webpackChunkName: "glyphLowest" */'@atlaskit/icon-priority/glyph/priority-lowest');
-}), IconType.PriorityMajor, function () {
-  return import( /* webpackChunkName: "glyphMajor" */'@atlaskit/icon-priority/glyph/priority-major');
-}), IconType.PriorityMedium, function () {
-  return import( /* webpackChunkName: "glyphMedium" */'@atlaskit/icon-priority/glyph/priority-medium');
-}), IconType.PriorityMinor, function () {
-  return import( /* webpackChunkName: "glyphMinor" */'@atlaskit/icon-priority/glyph/priority-minor');
-}), IconType.PriorityTrivial, function () {
-  return import( /* webpackChunkName: "glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial');
-}), IconType.PriorityUndefined, function () {
-  return import( /* webpackChunkName: "glyphUndefined" */'@atlaskit/icon/glyph/question');
-}), IconType.ProgrammingLanguage, function () {
-  return import( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code');
-}), IconType.Subscriber, function () {
-  return import( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people');
-}), _defineProperty(_importIconMapperOld, IconType.SubTasksProgress, function () {
-  return import( /* webpackChunkName: "glyphSubtaskProgress" */'@atlaskit/icon/glyph/subtask');
-}));
 var getIconImportFn = function getIconImportFn(icon, size) {
-  if (fg('platform-smart-card-icon-migration')) {
-    var item = getLazyIcons()[icon];
-    if (isIconSizeLarge(size) && item !== null && item !== void 0 && item.large) {
-      return item.large;
-    }
-    return item === null || item === void 0 ? void 0 : item.default;
+  var item = getLazyIcons()[icon];
+  if (isIconSizeLarge(size) && item !== null && item !== void 0 && item.large) {
+    return item.large;
   }
-  return importIconMapperOld[icon];
+  return item === null || item === void 0 ? void 0 : item.default;
 };
 var importIcon = function importIcon(importFn) {
   return Loadable({
@@ -169,38 +25,32 @@ var importIcon = function importIcon(importFn) {
     }
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
-var AtlaskitIcon = function AtlaskitIcon(_ref3) {
-  var icon = _ref3.icon,
-    label = _ref3.label,
-    testId = _ref3.testId,
-    _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? SmartLinkSize.Medium : _ref3$size;
-  var DocumentIcon = fg('platform-smart-card-icon-migration') ? DocumentIconNew : DocumentIconOld;
-  var BlogIcon = fg('platform-smart-card-icon-migration') ? BlogIconNew : BlogIconOld;
-
+var AtlaskitIcon = function AtlaskitIcon(_ref) {
+  var icon = _ref.icon,
+    label = _ref.label,
+    testId = _ref.testId,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size;
   // Check for synchonously loaded icons first for SSR purposes
   switch (icon) {
     case IconType.Document:
-      return /*#__PURE__*/React.createElement(DocumentIcon, _extends({
+      return /*#__PURE__*/React.createElement(DocumentIcon, {
         label: label !== null && label !== void 0 ? label : 'document',
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
+        testId: testId,
         size: size
-      }));
+      });
     case IconType.Blog:
-      return /*#__PURE__*/React.createElement(BlogIcon, _extends({
+      return /*#__PURE__*/React.createElement(BlogIcon, {
         label: label !== null && label !== void 0 ? label : 'blog',
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
+        testId: testId,
         size: size
-      }));
+      });
     case IconType.LiveDocument:
-      return /*#__PURE__*/React.createElement(LiveDocumentIcon, _extends({
+      return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
         label: label !== null && label !== void 0 ? label : 'live-doc',
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
+        testId: testId,
         size: size
-      }));
+      });
   }
   var importFn = getIconImportFn(icon, size);
   if (!importFn) {
@@ -209,37 +59,32 @@ var AtlaskitIcon = function AtlaskitIcon(_ref3) {
   var ImportedIcon = importIcon(importFn);
   switch (icon) {
     case IconType.Confluence:
-      return /*#__PURE__*/React.createElement(ConfluenceIcon, _extends({
+      return /*#__PURE__*/React.createElement(ConfluenceIcon, {
         appearance: "brand",
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
-        size: size === SmartLinkSize.Large ? 'small' : 'xsmall'
-      }));
+        testId: testId,
+        size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'small' : 'xsmall'
+      });
     case IconType.Jira:
-      return /*#__PURE__*/React.createElement(JiraIcon, _extends({
+      return /*#__PURE__*/React.createElement(JiraIcon, {
         appearance: "brand",
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
-        size: size === SmartLinkSize.Large ? 'small' : 'xsmall'
-      }));
+        testId: testId,
+        size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'small' : 'xsmall'
+      });
     case IconType.Error:
     case IconType.Forbidden:
-      return /*#__PURE__*/React.createElement(ImportedIcon, _extends({
+      return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') ? {
-        size: size,
+        testId: testId,
+        LEGACY_size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'medium' : 'small',
         color: "var(--ds-icon-danger, #C9372C)"
-      } : {
-        primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
-      }));
+      });
     default:
-      return /*#__PURE__*/React.createElement(ImportedIcon, _extends({
+      return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
+        testId: testId,
+        LEGACY_size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'medium' : 'small',
         size: size
-      }));
+      });
   }
 };
 export default AtlaskitIcon;

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/icon/index.compiled.css

@@ -1,18 +1,9 @@
 ._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8nf1z{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._16jlidpf{flex-grow:0}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
-._19l31j6v img, ._1pr21j6v span, ._1u5t1j6v svg{max-height:1rem}
-._19l31k8s img, ._1pr21k8s span, ._1u5t1k8s svg{max-height:1.5rem}
-._19l3oqnp img, ._1pr2oqnp span, ._1u5toqnp svg{max-height:.75rem}
-._19l3viql img, ._1pr2viql span, ._1u5tviql svg{max-height:2rem}
 ._19pkidpf{margin-top:0}
 ._1bah1h6o{justify-content:center}
-._1bsb1j6v{width:1rem}
-._1bsb1k8s{width:1.5rem}
-._1bsboqnp{width:.75rem}
-._1bsbviql{width:2rem}
 ._1btozryt{text-overflow:clip}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
@@ -20,74 +11,22 @@
 ._1kdcidpf span{margin-right:0}
 ._1m2uidpf span{padding-bottom:0}
 ._1nmz1hna{word-break:break-word}
-._1o9zidpf{flex-shrink:0}
 ._1oh2idpf span{padding-top:0}
 ._1reo15vq{overflow-x:hidden}
-._1rg21j6v img, ._q7cv1j6v span, ._xwbj1j6v svg{min-width:1rem}
-._1rg21k8s img, ._q7cv1k8s span, ._xwbj1k8s svg{min-width:1.5rem}
-._1rg2oqnp img, ._q7cvoqnp span, ._xwbjoqnp svg{min-width:.75rem}
-._1rg2viql img, ._q7cvviql span, ._xwbjviql svg{min-width:2rem}
-._1tke1j6v{min-height:1rem}
-._1tke1k8s{min-height:1.5rem}
-._1tkeoqnp{min-height:.75rem}
-._1tkeviql{min-height:2rem}
-._1ul91j6v{min-width:1rem}
-._1ul91k8s{min-width:1.5rem}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._1ul9oqnp{min-width:.75rem}
-._1ul9viql{min-width:2rem}
 ._1w2uidpf span{margin-left:0}
 ._1wpz1h6o{align-self:center}
 ._1wpz1y6m{align-self:flex-start}
-._1wyb1j6v{font-size:1rem}
-._1wyb1k8s{font-size:1.5rem}
-._1wyboqnp{font-size:.75rem}
-._1wybviql{font-size:2rem}
+._1xjx1osq span{height:100%}
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._2hwxidpf{margin-right:0}
 ._3glyidpf span{margin-bottom:0}
 ._4cvr1h6o{align-items:center}
-._4t3i1j6v{height:1rem}
-._4t3i1k8s{height:1.5rem}
-._4t3ioqnp{height:.75rem}
-._4t3iviql{height:2rem}
-._5jw9idpf svg{padding-bottom:0}
-._7wy9idpf svg{padding-left:0}
 ._99ztidpf span{padding-right:0}
 ._9n9oidpf span{padding-left:0}
-._bna71j6v img, ._1xjx1j6v span, ._17521j6v svg{height:1rem}
-._bna71k8s img, ._1xjx1k8s span, ._17521k8s svg{height:1.5rem}
-._bna7oqnp img, ._1xjxoqnp span, ._1752oqnp svg{height:.75rem}
-._bna7viql img, ._1xjxviql span, ._1752viql svg{height:2rem}
-._c71l1j6v{max-height:1rem}
-._c71l1k8s{max-height:1.5rem}
-._c71loqnp{max-height:.75rem}
-._c71lviql{max-height:2rem}
+._e2oo1osq span{width:100%}
 ._e4km1q9y span{vertical-align:baseline}
-._i0dl1wug{flex-basis:auto}
-._i2i3idpf svg{padding-top:0}
-._mezj1j6v img, ._e2oo1j6v span, ._w8l51j6v svg{width:1rem}
-._mezj1k8s img, ._e2oo1k8s span, ._w8l51k8s svg{width:1.5rem}
-._mezjoqnp img, ._e2oooqnp span, ._w8l5oqnp svg{width:.75rem}
-._mezjviql img, ._e2ooviql span, ._w8l5viql svg{width:2rem}
 ._otyridpf{margin-bottom:0}
-._p12f1j6v{max-width:1rem}
-._p12f1k8s{max-width:1.5rem}
-._p12foqnp{max-width:.75rem}
-._p12fviql{max-width:2rem}
-._qci81j6v img, ._15iz1j6v span, ._erub1j6v svg{min-height:1rem}
-._qci81k8s img, ._15iz1k8s span, ._erub1k8s svg{min-height:1.5rem}
-._qci8oqnp img, ._15izoqnp span, ._eruboqnp svg{min-height:.75rem}
-._qci8viql img, ._15izviql span, ._erubviql svg{min-height:2rem}
-._rtys1j6v img, ._b8nk1j6v span, ._4x201j6v svg{max-width:1rem}
-._rtys1k8s img, ._b8nk1k8s span, ._4x201k8s svg{max-width:1.5rem}
-._rtysoqnp img, ._b8nkoqnp span, ._4x20oqnp svg{max-width:.75rem}
-._rtysviql img, ._b8nkviql span, ._4x20viql svg{max-width:2rem}
 ._sudpn7od{-webkit-box-orient:unset}
-._uhasidpf svg{padding-right:0}
-._vwz41j6v{line-height:1rem}
-._vwz41k8s{line-height:1.5rem}
-._vwz4oqnp{line-height:.75rem}
-._vwz4viql{line-height:2rem}
 ._y3gn1h6o{text-align:center}
-@supports not (-webkit-line-clamp:1){._102k1j6v{max-height:1rem}._102k1k8s{max-height:1.5rem}._102koqnp{max-height:.75rem}._102kptym{max-height:calc(var(--ds-space-200, 1pc)*1)}._102kviql{max-height:2rem}._102kz42d{max-height:calc(var(--ds-space-300, 24px)*1)}}
+@supports not (-webkit-line-clamp:1){._102kptym{max-height:calc(var(--ds-space-200, 1pc)*1)}._102kz42d{max-height:calc(var(--ds-space-300, 24px)*1)}}