@atlaskit/smart-card 39.4.0 → 40.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/smart-card
 
+## 40.0.0
+
+### Major Changes
+
+- [#182438](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/182438)
+  [`0dc9384260f43`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0dc9384260f43) -
+  [ux] Modified key of AccessType values in CustomElementByAccessTypeProps to be a MessageDescriptor
+  instead of a string for language translation safety.
+
+  For migration, modify the previous string type to use a MessageDescriptor from `react-intl-next`
+
+### Minor Changes
+
+- [#182438](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/182438)
+  [`38b28eac64441`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38b28eac64441) -
+  Add fontSize prop export to CustomElementByType element and, exported action
+  CustomUnresolvedAction, modified subset of ElementItem types to accept props when dynamically
+  creating elements within blocks such as MetadataBlock
+
+### Patch Changes
+
+- [#183756](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183756)
+  [`935936bc5eb64`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/935936bc5eb64) -
+  [ux] EDM-12566 Removing avatar group css overrides for smart-card
+
 ## 39.4.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -105,6 +105,12 @@ Object.defineProperty(exports, "CustomByStatusElement", {
     return _external.CustomByStatusElement;
   }
 });
+Object.defineProperty(exports, "CustomUnresolvedAction", {
+  enumerable: true,
+  get: function get() {
+    return _external.CustomUnresolvedAction;
+  }
+});
 Object.defineProperty(exports, "DownloadAction", {
   enumerable: true,
   get: function get() {

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

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "39.3.0"
+  packageVersion: "39.4.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -19,16 +19,9 @@ var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _withOverrideCss = require("../../../common/with-override-css");
 var _utils = require("../../../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var IconOnlyLarge = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var SizeSmall = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var SizeSmallIconOnly = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var SizeSmallNotIconOnly = null;
 var IconButtonAppearanceMap = {
   default: 'default',
@@ -151,12 +144,7 @@ var ActionButtonRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     ref: ref
   }, button);
 });
-
-// On cleanup of platform-linking-visual-refresh-v1, this should become
-// export default withOverrideCss(ActionButton);
 var ActionButtonRefreshWithOverrideCss = (0, _withOverrideCss.withOverrideCss)(ActionButtonRefresh);
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var ActionButtonNew = function ActionButtonNew(_ref2) {
   var _ref2$appearance = _ref2.appearance,
     appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,

package/dist/cjs/view/FlexibleCard/components/actions/custom-unresolved-action/index.compiled.css

@@ -0,0 +1,3 @@
+._18zrze3t{padding-inline:var(--ds-space-0,0)}
+._1rjcze3t{padding-block:var(--ds-space-0,0)}
+._1e0c1bgi{display:contents}

package/dist/cjs/view/FlexibleCard/components/actions/custom-unresolved-action/index.js

@@ -0,0 +1,79 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _excluded = ["testId", "onlyShowIfAction", "Container"];
+var styles = {
+  button: "_1e0c1bgi",
+  message: "_1rjcze3t _18zrze3t"
+};
+var validErrorStatuses = [_constants.SmartLinkStatus.Forbidden, _constants.SmartLinkStatus.Unauthorized];
+var validateErrorStatus = function validateErrorStatus(status) {
+  return status !== undefined && validErrorStatuses.includes(status);
+};
+var getMessageDescriptor = function getMessageDescriptor(status, accessType, props) {
+  var _props$status;
+  if (!validateErrorStatus(status)) {
+    return undefined;
+  }
+  var message = props === null || props === void 0 || (_props$status = props[status]) === null || _props$status === void 0 ? void 0 : _props$status[accessType !== null && accessType !== void 0 ? accessType : 'FALLBACK'];
+  return message;
+};
+var CustomUnresolvedAction = function CustomUnresolvedAction(_ref) {
+  var _context$data, _context$data2, _getMessageDescriptor;
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'custom-unresolved-action' : _ref$testId,
+    _ref$onlyShowIfAction = _ref.onlyShowIfAction,
+    onlyShowIfAction = _ref$onlyShowIfAction === void 0 ? false : _ref$onlyShowIfAction,
+    Container = _ref.Container,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _flexibleUiContext.useFlexibleCardContext)();
+  var data = context === null || context === void 0 || (_context$data = context.data) === null || _context$data === void 0 || (_context$data = _context$data.actions) === null || _context$data === void 0 ? void 0 : _context$data[_constants.InternalActionName.UnresolvedAction];
+  if (!data) {
+    return null;
+  }
+  var descriptor = data.descriptor,
+    onClick = data.onClick,
+    values = data.values;
+  var status = context.status;
+  var accessType = context === null || context === void 0 || (_context$data2 = context.data) === null || _context$data2 === void 0 || (_context$data2 = _context$data2.meta) === null || _context$data2 === void 0 ? void 0 : _context$data2.accessType;
+  var hasAction = onClick !== undefined;
+  if (onlyShowIfAction && !hasAction) {
+    return null;
+  }
+  var messageDescriptor = (_getMessageDescriptor = getMessageDescriptor(status, accessType, props)) !== null && _getMessageDescriptor !== void 0 ? _getMessageDescriptor : descriptor;
+  if (!messageDescriptor) {
+    return null;
+  }
+  var message = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    testId: "".concat(testId, "-errored-view-message"),
+    tabIndex: hasAction ? 0 : undefined,
+    xcss: styles.message
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messageDescriptor, {
+    values: values
+  })));
+  var component = hasAction ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+    onClick: data.onClick,
+    style: {
+      color: "inherit",
+      font: "inherit",
+      textAlign: "inherit"
+    },
+    xcss: styles.button
+  }, message) : message;
+  return Container ? /*#__PURE__*/_react.default.createElement(Container, null, component) : component;
+};
+var _default = exports.default = CustomUnresolvedAction;

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

@@ -28,6 +28,12 @@ Object.defineProperty(exports, "CustomAction", {
     return _action.default;
   }
 });
+Object.defineProperty(exports, "CustomUnresolvedAction", {
+  enumerable: true,
+  get: function get() {
+    return _customUnresolvedAction.default;
+  }
+});
 Object.defineProperty(exports, "DeleteAction", {
   enumerable: true,
   get: function get() {
@@ -80,4 +86,5 @@ var _copyLinkAction = _interopRequireDefault(require("./copy-link-action"));
 var _unresolvedAction = _interopRequireDefault(require("./unresolved-action"));
 var _aiSummaryAction = _interopRequireDefault(require("./ai-summary-action"));
 var _automationAction = _interopRequireDefault(require("./automation-action"));
-var _viewRelatedLinksAction = _interopRequireDefault(require("./view-related-links-action"));
+var _viewRelatedLinksAction = _interopRequireDefault(require("./view-related-links-action"));
+var _customUnresolvedAction = _interopRequireDefault(require("./custom-unresolved-action"));

package/dist/cjs/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -22,6 +22,7 @@ var _utils = require("../../../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var stylesOld = null;
 var styles = null;
 var stylesMap = {
   xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
@@ -95,7 +96,7 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([stylesMap[size], "_1ul91ns9", className])
+    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-fix-smart-card-avatar-overrides') && stylesMap[size], (0, _platformFeatureFlags.fg)('platform-linking-fix-smart-card-avatar-overrides') ? "_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf" : "_1ul91ns9", className])
   }), /*#__PURE__*/React.createElement(_avatarGroup.default, {
     maxCount: maxCount,
     appearance: "stack",

package/dist/cjs/view/FlexibleCard/components/elements/custom-by-access-type-element/index.js

@@ -8,30 +8,33 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
 var _excluded = ["className", "testId"];
 var CustomElementByAccessType = function CustomElementByAccessType(_ref) {
-  var _context$data, _props;
+  var _context$data, _props, _context$data2;
   var className = _ref.className,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'custom-by-access-type-element' : _ref$testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var context = (0, _flexibleUiContext.useFlexibleCardContext)();
   var accessType = context === null || context === void 0 || (_context$data = context.data) === null || _context$data === void 0 || (_context$data = _context$data.meta) === null || _context$data === void 0 ? void 0 : _context$data.accessType;
-  var text = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
-  if (!text) {
+  var descriptor = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
+  if (!descriptor) {
     return null;
   }
-  return (
-    /*#__PURE__*/
+  var values = context === null || context === void 0 || (_context$data2 = context.data) === null || _context$data2 === void 0 || (_context$data2 = _context$data2.actions) === null || _context$data2 === void 0 || (_context$data2 = _context$data2[_constants.InternalActionName.UnresolvedAction]) === null || _context$data2 === void 0 ? void 0 : _context$data2.values;
+  return /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, props, {
+    message: {
+      descriptor: descriptor,
+      values: values
+    }
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    _react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, props, {
-      content: text,
-      className: className,
-      testId: testId,
-      hideFormat: true
-    }))
-  );
+    ,
+    className: className,
+    testId: testId,
+    hideFormat: true
+  }));
 };
 var _default = exports.default = CustomElementByAccessType;

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

@@ -17,6 +17,12 @@ Object.defineProperty(exports, "CustomByStatusElement", {
     return _elements.CustomByStatusElement;
   }
 });
+Object.defineProperty(exports, "CustomUnresolvedAction", {
+  enumerable: true,
+  get: function get() {
+    return _actions.CustomUnresolvedAction;
+  }
+});
 exports.toActionProps = exports.VoteCountElement = exports.ViewCountElement = exports.UnresolvedAction = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.PreviewAction = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.FollowAction = exports.DueOnElement = exports.DownloadAction = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));

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

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

package/dist/es2019/index.js

@@ -15,6 +15,6 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock } from './view/FlexibleCard/components/blocks';
 export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, CustomByAccessTypeElement, CustomByStatusElement } from './view/FlexibleCard/external';
-export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction } from './view/FlexibleCard/external';
+export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, CustomUnresolvedAction } from './view/FlexibleCard/external';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */
 export { editorCardProvider, EditorCardProvider } from '@atlaskit/link-provider';

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

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

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -10,16 +10,9 @@ import { SmartLinkSize } from '../../../../../../constants';
 import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { sizeToButtonSpacing } from '../../../utils';
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 const IconOnlyLarge = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 const SizeSmall = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 const SizeSmallIconOnly = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 const SizeSmallNotIconOnly = null;
 const IconButtonAppearanceMap = {
   default: 'default',
@@ -134,12 +127,7 @@ const ActionButtonRefresh = /*#__PURE__*/forwardRef(({
     ref: ref
   }, button);
 });
-
-// On cleanup of platform-linking-visual-refresh-v1, this should become
-// export default withOverrideCss(ActionButton);
 const ActionButtonRefreshWithOverrideCss = withOverrideCss(ActionButtonRefresh);
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 const ActionButtonNew = ({
   appearance = 'default',
   content,

package/dist/es2019/view/FlexibleCard/components/actions/custom-unresolved-action/index.compiled.css

@@ -0,0 +1,3 @@
+._18zrze3t{padding-inline:var(--ds-space-0,0)}
+._1rjcze3t{padding-block:var(--ds-space-0,0)}
+._1e0c1bgi{display:contents}

package/dist/es2019/view/FlexibleCard/components/actions/custom-unresolved-action/index.js

@@ -0,0 +1,73 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+const styles = {
+  button: "_1e0c1bgi",
+  message: "_1rjcze3t _18zrze3t"
+};
+const validErrorStatuses = [SmartLinkStatus.Forbidden, SmartLinkStatus.Unauthorized];
+const validateErrorStatus = status => {
+  return status !== undefined && validErrorStatuses.includes(status);
+};
+const getMessageDescriptor = (status, accessType, props) => {
+  var _props$status;
+  if (!validateErrorStatus(status)) {
+    return undefined;
+  }
+  const message = props === null || props === void 0 ? void 0 : (_props$status = props[status]) === null || _props$status === void 0 ? void 0 : _props$status[accessType !== null && accessType !== void 0 ? accessType : 'FALLBACK'];
+  return message;
+};
+const CustomUnresolvedAction = ({
+  testId = 'custom-unresolved-action',
+  onlyShowIfAction = false,
+  Container,
+  ...props
+}) => {
+  var _context$data, _context$data$actions, _context$data2, _context$data2$meta, _getMessageDescriptor;
+  const context = useFlexibleCardContext();
+  const data = context === null || context === void 0 ? void 0 : (_context$data = context.data) === null || _context$data === void 0 ? void 0 : (_context$data$actions = _context$data.actions) === null || _context$data$actions === void 0 ? void 0 : _context$data$actions[InternalActionName.UnresolvedAction];
+  if (!data) {
+    return null;
+  }
+  const {
+    descriptor,
+    onClick,
+    values
+  } = data;
+  const {
+    status
+  } = context;
+  const accessType = context === null || context === void 0 ? void 0 : (_context$data2 = context.data) === null || _context$data2 === void 0 ? void 0 : (_context$data2$meta = _context$data2.meta) === null || _context$data2$meta === void 0 ? void 0 : _context$data2$meta.accessType;
+  const hasAction = onClick !== undefined;
+  if (onlyShowIfAction && !hasAction) {
+    return null;
+  }
+  const messageDescriptor = (_getMessageDescriptor = getMessageDescriptor(status, accessType, props)) !== null && _getMessageDescriptor !== void 0 ? _getMessageDescriptor : descriptor;
+  if (!messageDescriptor) {
+    return null;
+  }
+  const message = /*#__PURE__*/React.createElement(Box, {
+    testId: `${testId}-errored-view-message`,
+    tabIndex: hasAction ? 0 : undefined,
+    xcss: styles.message
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messageDescriptor, {
+    values: values
+  })));
+  const component = hasAction ? /*#__PURE__*/React.createElement(Pressable, {
+    onClick: data.onClick,
+    style: {
+      color: `inherit`,
+      font: `inherit`,
+      textAlign: `inherit`
+    },
+    xcss: styles.button
+  }, message) : message;
+  return Container ? /*#__PURE__*/React.createElement(Container, null, component) : component;
+};
+export default CustomUnresolvedAction;

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

@@ -8,4 +8,5 @@ export { default as CopyLinkAction } from './copy-link-action';
 export { default as UnresolvedAction } from './unresolved-action';
 export { default as AISummaryAction } from './ai-summary-action';
 export { default as AutomationAction } from './automation-action';
-export { default as ViewRelatedLinksAction } from './view-related-links-action';
+export { default as ViewRelatedLinksAction } from './view-related-links-action';
+export { default as CustomUnresolvedAction } from './custom-unresolved-action';

package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -10,6 +10,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, SmartLinkSize } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
+const stylesOld = null;
 const styles = null;
 const stylesMap = {
   xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
@@ -81,7 +82,7 @@ const BaseAvatarGroup = ({
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([stylesMap[size], "_1ul91ns9", className])
+    className: ax([!fg('platform-linking-fix-smart-card-avatar-overrides') && stylesMap[size], fg('platform-linking-fix-smart-card-avatar-overrides') ? "_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf" : "_1ul91ns9", className])
   }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",

package/dist/es2019/view/FlexibleCard/components/elements/custom-by-access-type-element/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { InternalActionName } from '../../../../../constants';
 import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement } from '../common';
 const CustomElementByAccessType = ({
@@ -7,22 +8,24 @@ const CustomElementByAccessType = ({
   testId = 'custom-by-access-type-element',
   ...props
 }) => {
-  var _context$data, _context$data$meta, _props;
+  var _context$data, _context$data$meta, _props, _context$data2, _context$data2$action, _context$data2$action2;
   const context = useFlexibleCardContext();
   const accessType = context === null || context === void 0 ? void 0 : (_context$data = context.data) === null || _context$data === void 0 ? void 0 : (_context$data$meta = _context$data.meta) === null || _context$data$meta === void 0 ? void 0 : _context$data$meta.accessType;
-  const text = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
-  if (!text) {
+  const descriptor = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
+  if (!descriptor) {
     return null;
   }
-  return (
-    /*#__PURE__*/
+  const values = context === null || context === void 0 ? void 0 : (_context$data2 = context.data) === null || _context$data2 === void 0 ? void 0 : (_context$data2$action = _context$data2.actions) === null || _context$data2$action === void 0 ? void 0 : (_context$data2$action2 = _context$data2$action[InternalActionName.UnresolvedAction]) === null || _context$data2$action2 === void 0 ? void 0 : _context$data2$action2.values;
+  return /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, props, {
+    message: {
+      descriptor,
+      values
+    }
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    React.createElement(BaseTextElement, _extends({}, props, {
-      content: text,
-      className: className,
-      testId: testId,
-      hideFormat: true
-    }))
-  );
+    ,
+    className: className,
+    testId: testId,
+    hideFormat: true
+  }));
 };
 export default CustomElementByAccessType;

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

@@ -140,4 +140,5 @@ export const DownloadAction = props => /*#__PURE__*/React.createElement(Download
 export const FollowAction = props => /*#__PURE__*/React.createElement(FollowActionComponent, toActionProps(props));
 export const PreviewAction = props => /*#__PURE__*/React.createElement(PreviewActionComponent, toActionProps(props));
 export const UnresolvedAction = () => /*#__PURE__*/React.createElement(UnresolvedActionComponent, null);
+export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

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

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

package/dist/esm/index.js

@@ -15,6 +15,6 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock } from './view/FlexibleCard/components/blocks';
 export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, CustomByAccessTypeElement, CustomByStatusElement } from './view/FlexibleCard/external';
-export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction } from './view/FlexibleCard/external';
+export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, CustomUnresolvedAction } from './view/FlexibleCard/external';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */
 export { editorCardProvider, EditorCardProvider } from '@atlaskit/link-provider';

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

package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -10,16 +10,9 @@ import { SmartLinkSize } from '../../../../../../constants';
 import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { sizeToButtonSpacing } from '../../../utils';
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var IconOnlyLarge = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var SizeSmall = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var SizeSmallIconOnly = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var SizeSmallNotIconOnly = null;
 var IconButtonAppearanceMap = {
   default: 'default',
@@ -142,12 +135,7 @@ var ActionButtonRefresh = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref
   }, button);
 });
-
-// On cleanup of platform-linking-visual-refresh-v1, this should become
-// export default withOverrideCss(ActionButton);
 var ActionButtonRefreshWithOverrideCss = withOverrideCss(ActionButtonRefresh);
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var ActionButtonNew = function ActionButtonNew(_ref2) {
   var _ref2$appearance = _ref2.appearance,
     appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,

package/dist/esm/view/FlexibleCard/components/actions/custom-unresolved-action/index.compiled.css

@@ -0,0 +1,3 @@
+._18zrze3t{padding-inline:var(--ds-space-0,0)}
+._1rjcze3t{padding-block:var(--ds-space-0,0)}
+._1e0c1bgi{display:contents}

package/dist/esm/view/FlexibleCard/components/actions/custom-unresolved-action/index.js

@@ -0,0 +1,72 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["testId", "onlyShowIfAction", "Container"];
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+var styles = {
+  button: "_1e0c1bgi",
+  message: "_1rjcze3t _18zrze3t"
+};
+var validErrorStatuses = [SmartLinkStatus.Forbidden, SmartLinkStatus.Unauthorized];
+var validateErrorStatus = function validateErrorStatus(status) {
+  return status !== undefined && validErrorStatuses.includes(status);
+};
+var getMessageDescriptor = function getMessageDescriptor(status, accessType, props) {
+  var _props$status;
+  if (!validateErrorStatus(status)) {
+    return undefined;
+  }
+  var message = props === null || props === void 0 || (_props$status = props[status]) === null || _props$status === void 0 ? void 0 : _props$status[accessType !== null && accessType !== void 0 ? accessType : 'FALLBACK'];
+  return message;
+};
+var CustomUnresolvedAction = function CustomUnresolvedAction(_ref) {
+  var _context$data, _context$data2, _getMessageDescriptor;
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'custom-unresolved-action' : _ref$testId,
+    _ref$onlyShowIfAction = _ref.onlyShowIfAction,
+    onlyShowIfAction = _ref$onlyShowIfAction === void 0 ? false : _ref$onlyShowIfAction,
+    Container = _ref.Container,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var context = useFlexibleCardContext();
+  var data = context === null || context === void 0 || (_context$data = context.data) === null || _context$data === void 0 || (_context$data = _context$data.actions) === null || _context$data === void 0 ? void 0 : _context$data[InternalActionName.UnresolvedAction];
+  if (!data) {
+    return null;
+  }
+  var descriptor = data.descriptor,
+    onClick = data.onClick,
+    values = data.values;
+  var status = context.status;
+  var accessType = context === null || context === void 0 || (_context$data2 = context.data) === null || _context$data2 === void 0 || (_context$data2 = _context$data2.meta) === null || _context$data2 === void 0 ? void 0 : _context$data2.accessType;
+  var hasAction = onClick !== undefined;
+  if (onlyShowIfAction && !hasAction) {
+    return null;
+  }
+  var messageDescriptor = (_getMessageDescriptor = getMessageDescriptor(status, accessType, props)) !== null && _getMessageDescriptor !== void 0 ? _getMessageDescriptor : descriptor;
+  if (!messageDescriptor) {
+    return null;
+  }
+  var message = /*#__PURE__*/React.createElement(Box, {
+    testId: "".concat(testId, "-errored-view-message"),
+    tabIndex: hasAction ? 0 : undefined,
+    xcss: styles.message
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messageDescriptor, {
+    values: values
+  })));
+  var component = hasAction ? /*#__PURE__*/React.createElement(Pressable, {
+    onClick: data.onClick,
+    style: {
+      color: "inherit",
+      font: "inherit",
+      textAlign: "inherit"
+    },
+    xcss: styles.button
+  }, message) : message;
+  return Container ? /*#__PURE__*/React.createElement(Container, null, component) : component;
+};
+export default CustomUnresolvedAction;

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

@@ -8,4 +8,5 @@ export { default as CopyLinkAction } from './copy-link-action';
 export { default as UnresolvedAction } from './unresolved-action';
 export { default as AISummaryAction } from './ai-summary-action';
 export { default as AutomationAction } from './automation-action';
-export { default as ViewRelatedLinksAction } from './view-related-links-action';
+export { default as ViewRelatedLinksAction } from './view-related-links-action';
+export { default as CustomUnresolvedAction } from './custom-unresolved-action';

package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -13,6 +13,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, SmartLinkSize } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
+var stylesOld = null;
 var styles = null;
 var stylesMap = {
   xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
@@ -86,7 +87,7 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([stylesMap[size], "_1ul91ns9", className])
+    className: ax([!fg('platform-linking-fix-smart-card-avatar-overrides') && stylesMap[size], fg('platform-linking-fix-smart-card-avatar-overrides') ? "_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf" : "_1ul91ns9", className])
   }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",

package/dist/esm/view/FlexibleCard/components/elements/custom-by-access-type-element/index.js

@@ -2,29 +2,32 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "testId"];
 import React from 'react';
+import { InternalActionName } from '../../../../../constants';
 import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement } from '../common';
 var CustomElementByAccessType = function CustomElementByAccessType(_ref) {
-  var _context$data, _props;
+  var _context$data, _props, _context$data2;
   var className = _ref.className,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'custom-by-access-type-element' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
   var context = useFlexibleCardContext();
   var accessType = context === null || context === void 0 || (_context$data = context.data) === null || _context$data === void 0 || (_context$data = _context$data.meta) === null || _context$data === void 0 ? void 0 : _context$data.accessType;
-  var text = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
-  if (!text) {
+  var descriptor = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
+  if (!descriptor) {
     return null;
   }
-  return (
-    /*#__PURE__*/
+  var values = context === null || context === void 0 || (_context$data2 = context.data) === null || _context$data2 === void 0 || (_context$data2 = _context$data2.actions) === null || _context$data2 === void 0 || (_context$data2 = _context$data2[InternalActionName.UnresolvedAction]) === null || _context$data2 === void 0 ? void 0 : _context$data2.values;
+  return /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, props, {
+    message: {
+      descriptor: descriptor,
+      values: values
+    }
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    React.createElement(BaseTextElement, _extends({}, props, {
-      content: text,
-      className: className,
-      testId: testId,
-      hideFormat: true
-    }))
-  );
+    ,
+    className: className,
+    testId: testId,
+    hideFormat: true
+  }));
 };
 export default CustomElementByAccessType;

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

@@ -206,4 +206,5 @@ export var PreviewAction = function PreviewAction(props) {
 export var UnresolvedAction = function UnresolvedAction() {
   return /*#__PURE__*/React.createElement(UnresolvedActionComponent, null);
 };
+export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

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

package/dist/types/index.d.ts

@@ -11,7 +11,7 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock, } from './view/FlexibleCard/components/blocks';
 export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, CustomByAccessTypeElement, CustomByStatusElement, } from './view/FlexibleCard/external';
-export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, } from './view/FlexibleCard/external';
+export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, CustomUnresolvedAction, } from './view/FlexibleCard/external';
 export type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */

package/dist/types/view/FlexibleCard/components/actions/custom-unresolved-action/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type Prettify } from '@atlaskit/linking-common';
+import { SmartLinkStatus } from '../../../../../constants';
+export type AccessType = 'DIRECT_ACCESS' | 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DENIED_REQUEST_EXISTS' | 'ACCESS_EXISTS' | undefined;
+export type CustomStatusComponents = Partial<Record<NonNullable<AccessType> | 'FALLBACK', MessageDescriptor>>;
+type ErrorStatus = Extract<SmartLinkStatus, SmartLinkStatus.Forbidden | SmartLinkStatus.Unauthorized>;
+type CustomUnresolvedActionProps = Prettify<{
+    testId?: string;
+    onlyShowIfAction?: boolean;
+    Container?: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+} & Partial<Record<ErrorStatus, CustomStatusComponents>>>;
+declare const CustomUnresolvedAction: ({ testId, onlyShowIfAction, Container, ...props }: CustomUnresolvedActionProps) => JSX.Element | null;
+export default CustomUnresolvedAction;

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

@@ -9,3 +9,4 @@ export { default as UnresolvedAction } from './unresolved-action';
 export { default as AISummaryAction } from './ai-summary-action';
 export { default as AutomationAction } from './automation-action';
 export { default as ViewRelatedLinksAction } from './view-related-links-action';
+export { default as CustomUnresolvedAction } from './custom-unresolved-action';

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

@@ -282,6 +282,7 @@ export type OwnedBy = {
     name: ElementName.OwnedBy;
     textPrefix?: 'owned_by' | 'owned_by_override';
     hideFormat?: boolean;
+    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
 };
 /**
  * Represents the props available for an CreatedOn element.
@@ -338,6 +339,7 @@ export type ModifiedOn = {
      * A string which will be displayed before the specified element.
      */
     text?: string;
+    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
 };
 /**
  * Represents the props available for an Preview element.

package/dist/types/view/FlexibleCard/components/elements/custom-by-access-type-element/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { type MessageDescriptor } from 'react-intl-next';
 import type { Prettify } from '@atlaskit/linking-common';
 import { type BaseTextElementProps } from '../common';
 type AccessType = 'DIRECT_ACCESS' | 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DENIED_REQUEST_EXISTS';
-export type CustomElementByAccessTypeProps = Prettify<Pick<BaseTextElementProps, 'className' | 'testId' | 'color'> & Partial<Record<AccessType | 'fallback', string>>>;
+export type CustomElementByAccessTypeProps = Prettify<Pick<BaseTextElementProps, 'className' | 'testId' | 'color' | 'fontSize'> & Partial<Record<AccessType | 'fallback', MessageDescriptor>>>;
 declare const CustomElementByAccessType: ({ className, testId, ...props }: CustomElementByAccessTypeProps) => JSX.Element | null;
 export default CustomElementByAccessType;

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

@@ -27,7 +27,7 @@ type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>,
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color' | 'onRender' | 'fontSize'>;
+export type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color' | 'onRender' | 'fontSize'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
 export type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color' | 'onRender' | 'textPrefix' | 'fontSize'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
@@ -79,4 +79,5 @@ export declare const FollowAction: (props: FollowActionProps) => React.JSX.Eleme
 export type PreviewActionProps = BaseActionProps;
 export declare const PreviewAction: (props: PreviewActionProps) => React.JSX.Element;
 export declare const UnresolvedAction: () => React.JSX.Element;
+export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

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

@@ -11,7 +11,7 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock, } from './view/FlexibleCard/components/blocks';
 export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, CustomByAccessTypeElement, CustomByStatusElement, } from './view/FlexibleCard/external';
-export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, } from './view/FlexibleCard/external';
+export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, CustomUnresolvedAction, } from './view/FlexibleCard/external';
 export type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */

package/dist/types-ts4.5/view/FlexibleCard/components/actions/custom-unresolved-action/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type Prettify } from '@atlaskit/linking-common';
+import { SmartLinkStatus } from '../../../../../constants';
+export type AccessType = 'DIRECT_ACCESS' | 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DENIED_REQUEST_EXISTS' | 'ACCESS_EXISTS' | undefined;
+export type CustomStatusComponents = Partial<Record<NonNullable<AccessType> | 'FALLBACK', MessageDescriptor>>;
+type ErrorStatus = Extract<SmartLinkStatus, SmartLinkStatus.Forbidden | SmartLinkStatus.Unauthorized>;
+type CustomUnresolvedActionProps = Prettify<{
+    testId?: string;
+    onlyShowIfAction?: boolean;
+    Container?: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+} & Partial<Record<ErrorStatus, CustomStatusComponents>>>;
+declare const CustomUnresolvedAction: ({ testId, onlyShowIfAction, Container, ...props }: CustomUnresolvedActionProps) => JSX.Element | null;
+export default CustomUnresolvedAction;

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

@@ -9,3 +9,4 @@ export { default as UnresolvedAction } from './unresolved-action';
 export { default as AISummaryAction } from './ai-summary-action';
 export { default as AutomationAction } from './automation-action';
 export { default as ViewRelatedLinksAction } from './view-related-links-action';
+export { default as CustomUnresolvedAction } from './custom-unresolved-action';

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

@@ -282,6 +282,7 @@ export type OwnedBy = {
     name: ElementName.OwnedBy;
     textPrefix?: 'owned_by' | 'owned_by_override';
     hideFormat?: boolean;
+    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
 };
 /**
  * Represents the props available for an CreatedOn element.
@@ -338,6 +339,7 @@ export type ModifiedOn = {
      * A string which will be displayed before the specified element.
      */
     text?: string;
+    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
 };
 /**
  * Represents the props available for an Preview element.

package/dist/types-ts4.5/view/FlexibleCard/components/elements/custom-by-access-type-element/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { type MessageDescriptor } from 'react-intl-next';
 import type { Prettify } from '@atlaskit/linking-common';
 import { type BaseTextElementProps } from '../common';
 type AccessType = 'DIRECT_ACCESS' | 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DENIED_REQUEST_EXISTS';
-export type CustomElementByAccessTypeProps = Prettify<Pick<BaseTextElementProps, 'className' | 'testId' | 'color'> & Partial<Record<AccessType | 'fallback', string>>>;
+export type CustomElementByAccessTypeProps = Prettify<Pick<BaseTextElementProps, 'className' | 'testId' | 'color' | 'fontSize'> & Partial<Record<AccessType | 'fallback', MessageDescriptor>>>;
 declare const CustomElementByAccessType: ({ className, testId, ...props }: CustomElementByAccessTypeProps) => JSX.Element | null;
 export default CustomElementByAccessType;

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

@@ -27,7 +27,7 @@ type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>,
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color' | 'onRender' | 'fontSize'>;
+export type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color' | 'onRender' | 'fontSize'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
 export type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color' | 'onRender' | 'textPrefix' | 'fontSize'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
@@ -79,4 +79,5 @@ export declare const FollowAction: (props: FollowActionProps) => React.JSX.Eleme
 export type PreviewActionProps = BaseActionProps;
 export declare const PreviewAction: (props: PreviewActionProps) => React.JSX.Element;
 export declare const UnresolvedAction: () => React.JSX.Element;
+export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "39.4.0",
+	"version": "40.0.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -67,7 +67,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tokens": "^5.4.0",
+		"@atlaskit/tokens": "^5.5.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -249,6 +249,9 @@
 		},
 		"platform-linking-enable-avatar-data-separator": {
 			"type": "boolean"
+		},
+		"platform-linking-fix-smart-card-avatar-overrides": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"