@atlaskit/smart-card 36.14.0 → 36.15.1

package/CHANGELOG.md

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

package/dist/cjs/messages.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/view/InlineCard/ForbiddenView/index.compiled.css

@@ -5,4 +5,5 @@
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._p12f1osq{max-width:100%}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -22,13 +22,15 @@ var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../../../messages");
 var _HoverCard = require("../../HoverCard");
 var _actionButton = require("../common/action-button");
+var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"));
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var _styled = require("../styled");
 var _withFrameStyleControl = _interopRequireDefault(require("../utils/withFrameStyleControl"));
 var styles = {
   iconWrapper: "_2hwx1i6y _1e0cbu77",
-  actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"
+  actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
+  actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
   if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
@@ -113,8 +115,22 @@ var InlineCardForbiddenView = exports.InlineCardForbiddenView = function InlineC
     }
     if (onAuthorise) {
       if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+        if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-inline-lozenge')) {
+          return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+            xcss: styles.actionButtonLozengeStyleNew,
+            onClick: handleRetry,
+            style: {
+              font: "inherit"
+            },
+            testId: "button-connect-other-account"
+          }, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
+            appearance: "moved"
+          }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+            isBold: true
+          } : undefined), renderForbiddenAccessMessage()));
+        }
         return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-          xcss: styles.actionButtonLozengeStyle,
+          xcss: styles.actionButtonLozengeStyleOld,
           onClick: handleRetry,
           testId: "button-connect-other-account"
         }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({

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

@@ -279,6 +279,8 @@ var LozengeWrapperOldVisualRefresh = (0, _react.forwardRef)(function (_ref5, __c
     className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
   }));
 });
+
+// Remove on platform-linking-visual-refresh-inline-lozenge cleanup
 if (process.env.NODE_ENV !== 'production') {
   LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
 }

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

@@ -15,6 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _HoverCard = require("../../HoverCard");
+var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"));
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -33,6 +34,18 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         return null;
       }
       var appearance = lozenge.appearance || 'default';
+      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-inline-lozenge')) {
+        var _lozenge$style, _lozenge$style2;
+        return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
+          testId: "inline-card-resolved-view-lozenge",
+          appearance: appearance,
+          style: {
+            backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
+            color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+          },
+          isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
+        }, lozenge.text);
+      }
       return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
         testId: "inline-card-resolved-view-lozenge",
         appearance: appearance
@@ -80,13 +93,14 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         type: type
       })), this.renderLozenge());
       if (showHoverPreview && link) {
-        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, (0, _extends2.default)({
           id: id,
           url: link,
           actionOptions: actionOptions,
-          hoverPreviewOptions: hoverPreviewOptions,
+          hoverPreviewOptions: hoverPreviewOptions
+        }, !(0, _platformFeatureFlags.fg)('platform_bandicoots-smart-card-disable-aria') ? {
           showLabel: false
-        }, inlineCardResolvedView);
+        } : {}), inlineCardResolvedView);
       }
       return inlineCardResolvedView;
     }

package/dist/cjs/view/InlineCard/common/inline-lozenge/index.compiled.css

@@ -0,0 +1,7 @@
+._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._19pkidpf{margin-top:0}
+._1e0c1o8l{display:inline-block}
+._2hwx1b66{margin-right:var(--ds-space-050,4px)}
+._otyridpf{margin-bottom:0}
+._p12f1osq{max-width:100%}
+._s7n4t94y{vertical-align:1px}

package/dist/cjs/view/InlineCard/common/inline-lozenge/index.js

@@ -0,0 +1,22 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var wrapperStyles = null;
+var InlineLozenge = function InlineLozenge(props) {
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq"])
+  }, /*#__PURE__*/React.createElement(_lozenge.default, props));
+};
+var _default = exports.default = InlineLozenge;

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

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

package/dist/es2019/messages.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/es2019/view/InlineCard/ForbiddenView/index.compiled.css

@@ -5,4 +5,5 @@
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._p12f1osq{max-width:100%}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -14,13 +14,15 @@ import { N500 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
 import { ActionButton } from '../common/action-button';
+import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
 import { IconStyledButtonOldVisualRefresh } from '../styled';
 import withFrameStyleControl from '../utils/withFrameStyleControl';
 const styles = {
   iconWrapper: "_2hwx1i6y _1e0cbu77",
-  actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"
+  actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
+  actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 const fallbackForbiddenIcon = () => {
   if (fg('platform-linking-visual-refresh-v1')) {
@@ -103,8 +105,22 @@ export const InlineCardForbiddenView = ({
     }
     if (onAuthorise) {
       if (fg('platform-linking-visual-refresh-v1')) {
+        if (fg('platform-linking-visual-refresh-inline-lozenge')) {
+          return /*#__PURE__*/React.createElement(Pressable, {
+            xcss: styles.actionButtonLozengeStyleNew,
+            onClick: handleRetry,
+            style: {
+              font: `inherit`
+            },
+            testId: "button-connect-other-account"
+          }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
+            appearance: "moved"
+          }, fg('platform-component-visual-refresh') ? {
+            isBold: true
+          } : undefined), renderForbiddenAccessMessage()));
+        }
         return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
-          xcss: styles.actionButtonLozengeStyle,
+          xcss: styles.actionButtonLozengeStyleOld,
           onClick: handleRetry,
           testId: "button-connect-other-account"
         }, /*#__PURE__*/React.createElement(Lozenge, _extends({

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

@@ -265,6 +265,8 @@ const LozengeWrapperOldVisualRefresh = forwardRef(({
     className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
   }));
 });
+
+// Remove on platform-linking-visual-refresh-inline-lozenge cleanup
 if (process.env.NODE_ENV !== 'production') {
   LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
 }

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

@@ -3,6 +3,7 @@ import React from 'react';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { HoverCard } from '../../HoverCard';
+import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
 export class InlineCardResolvedView extends React.Component {
@@ -14,6 +15,18 @@ export class InlineCardResolvedView extends React.Component {
       return null;
     }
     const appearance = lozenge.appearance || 'default';
+    if (fg('platform-linking-visual-refresh-inline-lozenge')) {
+      var _lozenge$style, _lozenge$style2;
+      return /*#__PURE__*/React.createElement(InlineLozenge, {
+        testId: "inline-card-resolved-view-lozenge",
+        appearance: appearance,
+        style: {
+          backgroundColor: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
+          color: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+        },
+        isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
+      }, lozenge.text);
+    }
     return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
       testId: "inline-card-resolved-view-lozenge",
       appearance: appearance
@@ -57,13 +70,14 @@ export class InlineCardResolvedView extends React.Component {
       type
     })), this.renderLozenge());
     if (showHoverPreview && link) {
-      return /*#__PURE__*/React.createElement(HoverCard, {
+      return /*#__PURE__*/React.createElement(HoverCard, _extends({
         id: id,
         url: link,
         actionOptions: actionOptions,
-        hoverPreviewOptions: hoverPreviewOptions,
+        hoverPreviewOptions: hoverPreviewOptions
+      }, !fg('platform_bandicoots-smart-card-disable-aria') ? {
         showLabel: false
-      }, inlineCardResolvedView);
+      } : {}), inlineCardResolvedView);
     }
     return inlineCardResolvedView;
   }

package/dist/es2019/view/InlineCard/common/inline-lozenge/index.compiled.css

@@ -0,0 +1,7 @@
+._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._19pkidpf{margin-top:0}
+._1e0c1o8l{display:inline-block}
+._2hwx1b66{margin-right:var(--ds-space-050,4px)}
+._otyridpf{margin-bottom:0}
+._p12f1osq{max-width:100%}
+._s7n4t94y{vertical-align:1px}