@atlaskit/smart-card 36.13.2 → 36.15.0

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

@@ -24,35 +24,23 @@ var positionStyleMap = {
   center: "_1wpz1h6o",
   top: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1wpz1y6m"
 };
-var iconStylesMapOld = {
-  xlarge: "_16jlidpf _1o9zidpf _i0dl1wug _4t3iviql _1tkeviql _c71lviql _1bsbviql _1ul9viql _p12fviql _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7viql _1xjxviql _1752viql _qci8viql _15izviql _erubviql _19l3viql _1pr2viql _1u5tviql _mezjviql _e2ooviql _w8l5viql _1rg2viql _q7cvviql _xwbjviql _rtysviql _b8nkviql _4x20viql",
-  large: "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1k8s _1tke1k8s _c71l1k8s _1bsb1k8s _1ul91k8s _p12f1k8s _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71k8s _1xjx1k8s _17521k8s _qci81k8s _15iz1k8s _erub1k8s _19l31k8s _1pr21k8s _1u5t1k8s _mezj1k8s _e2oo1k8s _w8l51k8s _1rg21k8s _q7cv1k8s _xwbj1k8s _rtys1k8s _b8nk1k8s _4x201k8s",
-  medium: "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
-  small: "_16jlidpf _1o9zidpf _i0dl1wug _4t3ioqnp _1tkeoqnp _c71loqnp _1bsboqnp _1ul9oqnp _p12foqnp _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7oqnp _1xjxoqnp _1752oqnp _qci8oqnp _15izoqnp _eruboqnp _19l3oqnp _1pr2oqnp _1u5toqnp _mezjoqnp _e2oooqnp _w8l5oqnp _1rg2oqnp _q7cvoqnp _xwbjoqnp _rtysoqnp _b8nkoqnp _4x20oqnp"
-};
-var customRenderStyleMapOld = {
-  xlarge: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz4viql _1wybviql _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kviql",
-  large: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz41k8s _1wyb1k8s _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102k1k8s",
-  medium: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz41j6v _1wyb1j6v _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102k1j6v",
-  small: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz4oqnp _1wyboqnp _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102koqnp"
-};
-var customRenderStyleMapNew = {
-  xlarge: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kz42d",
-  large: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kz42d",
-  medium: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kptym",
-  small: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kptym"
+var customRenderStyleMap = {
+  xlarge: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
+  large: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
+  medium: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym",
+  small: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym"
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : SmartLinkSize.Medium;
   if (icon) {
-    return /*#__PURE__*/React.createElement(AtlaskitIcon, _extends({
+    return /*#__PURE__*/React.createElement(AtlaskitIcon, {
       icon: icon,
       testId: "".concat(testId, "-icon"),
       "aria-hidden": "true",
       label: "" // Since we already set aria-hidden="true", the label should be given an empty string
-    }, fg('platform-smart-card-icon-migration') && {
+      ,
       size: size
-    }));
+    });
   }
 };
 var renderDefaultIcon = function renderDefaultIcon(label, testId) {
@@ -70,8 +58,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
     return /*#__PURE__*/React.createElement(ImageIcon, _extends({
       defaultIcon: defaultIcon,
       testId: testId,
-      url: url
-    }, fg('platform-smart-card-icon-migration') && {
+      url: url,
       width: width,
       height: width
     }, fg('platform-linking-visual-refresh-v2') && {
@@ -105,7 +92,7 @@ var Icon = function Icon(_ref) {
     appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance;
   var element = useMemo(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, fg('platform-smart-card-icon-migration') ? size : undefined, fg('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, fg('platform-smart-card-icon-migration') ? size : undefined) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, fg('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, icon]);
   var width = getIconWidth(size);
   return /*#__PURE__*/React.createElement("div", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, 'data-fit-to-content', true), {
@@ -114,13 +101,13 @@ var Icon = function Icon(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([fg('platform-linking-visual-refresh-v1') && styles.container, !fg('platform-smart-card-icon-migration') && iconStylesMapOld[size], positionStyleMap[position], render && !fg('platform-smart-card-icon-migration') && customRenderStyleMapOld[size], render && fg('platform-smart-card-icon-migration') && customRenderStyleMapNew[size], className])
-  }), fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
+    className: ax([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
+  }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapperStyle,
     style: {
       width: width,
       height: width
     }
-  }, element) : element);
+  }, element));
 };
 export default Icon;

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

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

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

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

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

@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Loadable from 'react-loadable';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../../constants';
 export var sizeToButtonSpacing = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SmartLinkSize.Small, 'none'), SmartLinkSize.Medium, 'compact'), SmartLinkSize.Large, 'compact'), SmartLinkSize.XLarge, 'default');
 export var getFormattedMessage = function getFormattedMessage(message) {
@@ -21,24 +20,7 @@ export var getFormattedMessageAsString = function getFormattedMessageAsString(in
     context: context
   }) : '';
 };
-
-// TODO Delete when cleaning platform-smart-card-icon-migration
-export var getIconWidthOld = function getIconWidthOld(size) {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return '2rem';
-    case SmartLinkSize.Large:
-      return '1.5rem';
-    case SmartLinkSize.Medium:
-      return '1rem';
-    case SmartLinkSize.Small:
-    default:
-      return '.75rem';
-  }
-};
-
-// TODO Rename to getIconWidth when cleaning platform-smart-card-icon-migration
-export var getIconWidthNew = function getIconWidthNew(size) {
+export var getIconWidth = function getIconWidth(size) {
   switch (size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:
@@ -49,11 +31,6 @@ export var getIconWidthNew = function getIconWidthNew(size) {
       return "var(--ds-space-200, 16px)";
   }
 };
-
-// TODO Delete when cleaning platform-smart-card-icon-migration
-export var getIconWidth = function getIconWidth(size) {
-  return fg('platform-smart-card-icon-migration') ? getIconWidthNew(size) : getIconWidthOld(size);
-};
 export var importIcon = function importIcon(importFn) {
   return Loadable({
     loader: function loader() {

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

@@ -8,6 +8,8 @@ import _extends from "@babel/runtime/helpers/extends";
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { SmartLinkSize } from '../../constants';
 import { CopyLinkAction as CopyLinkActionComponent, CustomAction as CustomActionComponent, DownloadAction as DownloadActionComponent, FollowAction as FollowActionComponent, PreviewAction as PreviewActionComponent, UnresolvedAction as UnresolvedActionComponent } from './components/actions';
 import { AssignedTo, AssignedToGroup, AttachmentCount, AuthorGroup, ChecklistProgress, CollaboratorGroup, CommentCount, CreatedBy, CreatedOn, DueOn, LatestCommit, LinkIcon, Location, ModifiedBy, ModifiedOn, OwnedBy, OwnedByGroup, Preview, Priority, ProgrammingLanguage, Provider, ReactCount, ReadTime, SentOn, Snippet, SourceBranch, State, StoryPoints, SubscriberCount, SubTasksProgress, TargetBranch, Title, ViewCount, VoteCount } from './components/elements';
 // ---- EXPORTED METADATA COMPONENT ---- //
@@ -44,8 +46,14 @@ export var DueOnElement = function DueOnElement() {
 export var LatestCommitElement = function LatestCommitElement() {
   return /*#__PURE__*/React.createElement(LatestCommit, null);
 };
-export var LinkIconElement = function LinkIconElement() {
-  return /*#__PURE__*/React.createElement(LinkIcon, null);
+export var LinkIconElement = function LinkIconElement(props) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(LinkIcon, null);
+  }
+  return /*#__PURE__*/React.createElement(LinkIcon, {
+    size: (props === null || props === void 0 ? void 0 : props.iconTileSize) === 24 ? SmartLinkSize.Large : SmartLinkSize.Medium,
+    render: props === null || props === void 0 ? void 0 : props.render
+  });
 };
 export var LocationElement = function LocationElement() {
   return /*#__PURE__*/React.createElement(Location, null);
@@ -53,10 +61,20 @@ export var LocationElement = function LocationElement() {
 export var ModifiedByElement = function ModifiedByElement() {
   return /*#__PURE__*/React.createElement(ModifiedBy, null);
 };
-export var ModifiedOnElement = function ModifiedOnElement() {
+export var ModifiedOnElement = function ModifiedOnElement(props) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(ModifiedOn, {
+      hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix
+    });
+  }
   return /*#__PURE__*/React.createElement(ModifiedOn, null);
 };
-export var OwnedByElement = function OwnedByElement() {
+export var OwnedByElement = function OwnedByElement(props) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(OwnedBy, {
+      hideFormat: props === null || props === void 0 ? void 0 : props.hidePrefix
+    });
+  }
   return /*#__PURE__*/React.createElement(OwnedBy, null);
 };
 export var OwnedByGroupElement = function OwnedByGroupElement() {

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

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

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

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

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

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

package/dist/types/common/ui/icons/utils.d.ts

@@ -11,5 +11,5 @@ export declare const renderIconPerSize: (IconSmall: ComponentType<IconProps>, Ic
     size?: SmartLinkSize;
 }>;
 type IconTileProps = ComponentPropsWithoutRef<typeof IconTile>;
-export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon?: ComponentType<Omit<AtlaskitIconTileProps, 'size'>>) => React.FC<AtlaskitIconTileProps>;
+export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon?: ComponentType<AtlaskitIconTileProps>) => React.FC<AtlaskitIconTileProps>;
 export {};

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

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

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

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

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

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

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

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

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

@@ -7,8 +7,6 @@ import { type MessageProps } from './types';
 export declare const sizeToButtonSpacing: Record<SmartLinkSize, Spacing>;
 export declare const getFormattedMessage: (message?: MessageProps) => React.JSX.Element | undefined;
 export declare const getFormattedMessageAsString: (intl: IntlShape, message: MessageDescriptor, context?: string) => string;
-export declare const getIconWidthOld: (size?: SmartLinkSize) => string;
-export declare const getIconWidthNew: (size?: SmartLinkSize) => string;
 export declare const getIconWidth: (size?: SmartLinkSize) => string;
 export declare const importIcon: (importFn: () => Promise<any>) => any;
 export declare const getMaxLineHeight: (size: SmartLinkSize) => 1.75 | 1.5;

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

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

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

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

package/dist/types-ts4.5/common/ui/icons/utils.d.ts

@@ -11,5 +11,5 @@ export declare const renderIconPerSize: (IconSmall: ComponentType<IconProps>, Ic
     size?: SmartLinkSize;
 }>;
 type IconTileProps = ComponentPropsWithoutRef<typeof IconTile>;
-export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon?: ComponentType<Omit<AtlaskitIconTileProps, 'size'>>) => React.FC<AtlaskitIconTileProps>;
+export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon?: ComponentType<AtlaskitIconTileProps>) => React.FC<AtlaskitIconTileProps>;
 export {};

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

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

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

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

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

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

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

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

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

@@ -7,8 +7,6 @@ import { type MessageProps } from './types';
 export declare const sizeToButtonSpacing: Record<SmartLinkSize, Spacing>;
 export declare const getFormattedMessage: (message?: MessageProps) => React.JSX.Element | undefined;
 export declare const getFormattedMessageAsString: (intl: IntlShape, message: MessageDescriptor, context?: string) => string;
-export declare const getIconWidthOld: (size?: SmartLinkSize) => string;
-export declare const getIconWidthNew: (size?: SmartLinkSize) => string;
 export declare const getIconWidth: (size?: SmartLinkSize) => string;
 export declare const importIcon: (importFn: () => Promise<any>) => any;
 export declare const getMaxLineHeight: (size: SmartLinkSize) => 1.75 | 1.5;

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "36.13.2",
+	"version": "36.15.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -60,7 +60,7 @@
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.1.0",
-		"@atlaskit/primitives": "^14.6.0",
+		"@atlaskit/primitives": "^14.7.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/select": "^20.4.0",
 		"@atlaskit/spinner": "^18.0.0",
@@ -96,7 +96,7 @@
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/css-reset": "^7.2.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
-		"@atlaskit/media-test-helpers": "^35.0.0",
+		"@atlaskit/media-test-helpers": "^36.0.0",
 		"@atlaskit/react-ufo": "^3.9.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",
@@ -196,9 +196,6 @@
 		"platform-smart-card-shift-key": {
 			"type": "boolean"
 		},
-		"platform-smart-card-icon-migration": {
-			"type": "boolean"
-		},
 		"icon-object-migration": {
 			"type": "boolean",
 			"showOnWebsiteForTransitiveDependencies": true
@@ -215,6 +212,9 @@
 		"fix_a11y_violation_in_hover_card_trigger": {
 			"type": "boolean"
 		},
+		"platform_bandicoots-smart-card-disable-aria": {
+			"type": "boolean"
+		},
 		"platform_smart_links_controlled_dsp_export_view": {
 			"type": "boolean"
 		},
@@ -233,6 +233,9 @@
 		"platform-smart-card-remove-legacy-button": {
 			"type": "boolean",
 			"showOnWebsiteForTransitiveDependencies": true
+		},
+		"platform-linking-additional-flexible-element-props": {
+			"type": "boolean"
 		}
 	}
 }