@atlaskit/smart-card 43.6.5 → 43.7.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 43.7.1
+
+### Patch Changes
+
+- [`f14d0a4924e18`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f14d0a4924e18) -
+  [ux] Add the design follow ups requested for the blue button on unauthorized smartlinks
+
+## 43.7.0
+
+### Minor Changes
+
+- [`b1b3d2990d636`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b1b3d2990d636) -
+  add a new optional render props in HoverPreviewOptions to render a custom component
+
 ## 43.6.5
 
 ### Patch Changes

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

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

@@ -12,6 +12,7 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../constants");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 var _utils = require("../../../../state/flexible-ui-context/utils");
@@ -191,7 +192,7 @@ var Container = function Container(_ref3) {
   var _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;
-  var canShowHoverPreview = showHoverPreview && status === 'resolved';
+  var canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined && (0, _platformFeatureFlags.fg)('smart-link-custom-hover-card-content'));
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;

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

@@ -33,7 +33,8 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     style = _ref.style,
     text = _ref.text,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId,
+    onAfterChanged = _ref.onAfterChanged;
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   if (!text) {
     return null;
@@ -43,7 +44,8 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     appearance: appearance,
     testId: testId,
     text: text,
-    zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
+    zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex,
+    onAfterChanged: onAfterChanged
   }) : /*#__PURE__*/React.createElement(_lozenge.default, (0, _extends2.default)({
     appearance: appearance
   }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -41,7 +41,8 @@ var LozengeAction = function LozengeAction(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-lozenge-action' : _ref$testId,
     text = _ref.text,
-    zIndex = _ref.zIndex;
+    zIndex = _ref.zIndex,
+    onAfterChanged = _ref.onAfterChanged;
   var _useState = (0, _react.useState)({
       appearance: appearance,
       text: text
@@ -160,7 +161,7 @@ var LozengeAction = function LozengeAction(_ref) {
             fireEvent('ui.button.clicked.smartLinkStatusListItem', {});
             updateAction = action === null || action === void 0 ? void 0 : action.update;
             if (!(updateAction && id)) {
-              _context2.next = 17;
+              _context2.next = 18;
               break;
             }
             setIsLoading(true);
@@ -168,6 +169,7 @@ var LozengeAction = function LozengeAction(_ref) {
             _context2.next = 8;
             return invoke(request);
           case 8:
+            onAfterChanged === null || onAfterChanged === void 0 || onAfterChanged();
             setSelected({
               appearance: appearance,
               text: text
@@ -180,16 +182,16 @@ var LozengeAction = function LozengeAction(_ref) {
               smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
             });
             if (!url) {
-              _context2.next = 17;
+              _context2.next = 18;
               break;
             }
-            _context2.next = 17;
+            _context2.next = 18;
             return reload(url, true, undefined, linkId);
-          case 17:
-            _context2.next = 23;
+          case 18:
+            _context2.next = 24;
             break;
-          case 19:
-            _context2.prev = 19;
+          case 20:
+            _context2.prev = 20;
             _context2.t0 = _context2["catch"](0);
             setIsLoading(false);
             if ((0, _utils.isInvokeCustomError)(_context2.t0)) {
@@ -199,16 +201,16 @@ var LozengeAction = function LozengeAction(_ref) {
               setErrorMessage(_types.LozengeActionErrorMessages.updateFailed);
               fireEvent('track.smartLinkQuickAction.failed', _lozengeActionAnalytics.unknownUpdateErrorAnalyticsPayload);
             }
-          case 23:
+          case 24:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 19]]);
+      }, _callee2, null, [[0, 20]]);
     }));
     return function (_x2, _x3, _x4) {
       return _ref4.apply(this, arguments);
     };
-  }(), [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent]);
+  }(), [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent, onAfterChanged]);
   var dropdownItemGroup = (0, _react.useMemo)(function () {
     if (errorMessage) {
       return /*#__PURE__*/_react.default.createElement(_lozengeActionError.default, {

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

@@ -214,7 +214,8 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       renderers: renderers,
       actionOptions: actionOptions,
       url: url,
-      id: id
+      id: id,
+      hoverPreviewOptions: hoverPreviewOptions
     };
     return /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
       url: url,
@@ -222,7 +223,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       id: id,
       source: HOVER_CARD_SOURCE
     }, /*#__PURE__*/_react.default.createElement(_HoverCardContent.default, hoverCardContentProps));
-  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
+  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id, hoverPreviewOptions]);
   var trigger = (0, _react.useCallback)(function (_ref3) {
     var ariaHasPopup = _ref3['aria-haspopup'],
       ariaExpanded = _ref3['aria-expanded'],

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

@@ -9,6 +9,7 @@ exports.hoverCardClassName = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../constants");
 var _helpers = require("../../../state/helpers");
@@ -36,7 +37,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     url = _ref.url,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
   var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
@@ -131,6 +133,11 @@ var HoverCardContent = function HoverCardContent(_ref) {
     return e.stopPropagation();
   }, []);
   var getCardView = function getCardView(cardState) {
+    var _hoverPreviewOptions$;
+    var overrideView = (0, _platformFeatureFlags.fg)('smart-link-custom-hover-card-content') ? hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions) : undefined;
+    if (overrideView) {
+      return overrideView;
+    }
     if (cardState.metadataStatus === 'pending') {
       return /*#__PURE__*/_react.default.createElement(_resolving.default, {
         flexibleCardProps: flexibleCardProps,

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

@@ -14,6 +14,7 @@ var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     children = props.children,
     onClick = props.onClick,
     link = props.link,
+    viewType = props.viewType,
     withoutBackground = props.withoutBackground,
     testId = props.testId,
     className = props.className,
@@ -58,6 +59,7 @@ var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     className: className,
     ref: ref,
     isHovered: isHovered,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: viewType
   }, children);
 });

package/dist/cjs/view/InlineCard/Frame/styled.compiled.css

@@ -26,6 +26,7 @@
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._sudp1e54{-webkit-box-orient:vertical}
+._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._syaz1y58{color:var(--ds-link,#0052cc)}
 ._u5f3idpf{padding-right:0}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}

package/dist/cjs/view/InlineCard/Frame/styled.js

@@ -13,8 +13,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _colors = require("@atlaskit/theme/colors");
-var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"],
-  _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"];
+var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"],
+  _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"];
 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); }
 var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var truncateInline = _ref.truncateInline,
@@ -23,11 +24,13 @@ var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(func
     isInteractive = _ref.isInteractive,
     isSelected = _ref.isSelected,
     href = _ref.href,
+    viewType = _ref.viewType,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var experimentValue = viewType === 'unauthorised' ? (0, _expVal.expVal)('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
   }), props.children);
 });
 var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -37,12 +40,14 @@ var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(
     isInteractive = _ref2.isInteractive,
     isSelected = _ref2.isSelected,
     href = _ref2.href,
+    viewType = _ref2.viewType,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  var experimentValue = viewType === 'unauthorised' ? (0, _expVal.expVal)('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
     href: href,
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
+    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
   }), props.children);
 });
 var baseWrapperStyles = null;
@@ -54,5 +59,6 @@ var hoveredWithBackgroundStyles = null;
 var withoutBackgroundStyles = null;
 var withBackgroundStyles = null;
 var truncateStyles = null;
+var unauthorisedTruncateStyles = null;
 var notSelectedStyle = null;
 var selectedStyles = null;

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

@@ -67,7 +67,8 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     testId: testId,
     isSelected: isSelected,
     ref: frameRef,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: "unauthorised"
   }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
     icon: icon ? icon : fallbackUnauthorizedIcon(),
     title: url,

package/dist/cjs/view/InlineCard/common/action-button/index.compiled.css

@@ -1,3 +1,4 @@
+._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._1e0c1bgi{display:contents}
@@ -5,14 +6,19 @@
 ._1nmz9jpi{word-break:break-all}
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
+._2hwxt94y{margin-right:1px}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
+._ca0qt94y{padding-top:1px}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
+._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}

package/dist/cjs/view/InlineCard/common/action-button/index.js

@@ -25,7 +25,7 @@ var styles = {
 };
 var experimentEnabledStyles = {
   control: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
-  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _irr31q28 _1di612kk",
+  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
   test2: "_syaz15cr _80omtlke _bfhk1i45 _qrwqlb4i _1o0zlb4i _irr3byip _1di61van"
 };
 /**

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

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

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

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

@@ -5,6 +5,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement, SmartLinkSize } from '../../../../constants';
 import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
@@ -175,7 +176,7 @@ const Container = ({
     previewOnLeft,
     previewOnRight
   } = getChildrenOptions(children, context);
-  const canShowHoverPreview = showHoverPreview && status === 'resolved';
+  const canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined && fg('smart-link-custom-hover-card-content'));
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
   const canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;

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

@@ -22,7 +22,8 @@ const BaseLozengeElement = ({
   className,
   style,
   text,
-  testId = 'smart-element-lozenge'
+  testId = 'smart-element-lozenge',
+  onAfterChanged
 }) => {
   const ui = useFlexibleUiOptionContext();
   if (!text) {
@@ -33,7 +34,8 @@ const BaseLozengeElement = ({
     appearance: appearance,
     testId: testId,
     text: text,
-    zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
+    zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex,
+    onAfterChanged: onAfterChanged
   }) : /*#__PURE__*/React.createElement(AtlaskitLozenge, _extends({
     appearance: appearance
   }, fg('platform-component-visual-refresh') ? {

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -23,7 +23,8 @@ const LozengeAction = ({
   appearance,
   testId = 'smart-element-lozenge-action',
   text,
-  zIndex
+  zIndex,
+  onAfterChanged
 }) => {
   var _action$update;
   const [selected, setSelected] = useState({
@@ -97,6 +98,7 @@ const LozengeAction = ({
         setIsLoading(true);
         const request = createStatusUpdateRequest(updateAction, id);
         await invoke(request);
+        onAfterChanged === null || onAfterChanged === void 0 ? void 0 : onAfterChanged();
         setSelected({
           appearance,
           text
@@ -122,7 +124,7 @@ const LozengeAction = ({
         fireEvent('track.smartLinkQuickAction.failed', unknownUpdateErrorAnalyticsPayload);
       }
     }
-  }, [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent]);
+  }, [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent, onAfterChanged]);
   const dropdownItemGroup = useMemo(() => {
     if (errorMessage) {
       return /*#__PURE__*/React.createElement(LozengeActionError, {

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

@@ -191,7 +191,8 @@ export const HoverCardComponent = ({
       renderers,
       actionOptions,
       url,
-      id
+      id,
+      hoverPreviewOptions
     };
     return /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
       url: url,
@@ -199,7 +200,7 @@ export const HoverCardComponent = ({
       id: id,
       source: HOVER_CARD_SOURCE
     }, /*#__PURE__*/React.createElement(HoverCardContent, hoverCardContentProps));
-  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
+  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id, hoverPreviewOptions]);
   const trigger = useCallback(({
     'aria-haspopup': ariaHasPopup,
     'aria-expanded': ariaExpanded,

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

@@ -1,6 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
@@ -25,7 +26,8 @@ const HoverCardContent = ({
   url,
   onMouseEnter,
   onMouseLeave,
-  actionOptions
+  actionOptions,
+  hoverPreviewOptions
 }) => {
   var _linkState$status, _cardState$details;
   const {
@@ -120,6 +122,11 @@ const HoverCardContent = ({
   };
   const onClickStopPropagation = useCallback(e => e.stopPropagation(), []);
   const getCardView = cardState => {
+    var _hoverPreviewOptions$;
+    const overrideView = fg('smart-link-custom-hover-card-content') ? hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions) : undefined;
+    if (overrideView) {
+      return overrideView;
+    }
     if (cardState.metadataStatus === 'pending') {
       return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
         flexibleCardProps: flexibleCardProps,

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

@@ -7,6 +7,7 @@ export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
     children,
     onClick,
     link,
+    viewType,
     withoutBackground,
     testId,
     className,
@@ -52,6 +53,7 @@ export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
     className: className,
     ref: ref,
     isHovered: isHovered,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: viewType
   }, children);
 });

package/dist/es2019/view/InlineCard/Frame/styled.compiled.css

@@ -26,6 +26,7 @@
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._sudp1e54{-webkit-box-orient:vertical}
+._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._syaz1y58{color:var(--ds-link,#0052cc)}
 ._u5f3idpf{padding-right:0}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}

package/dist/es2019/view/InlineCard/Frame/styled.js

@@ -4,6 +4,7 @@ import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import { B100, B200, B400, B50, N40 } from '@atlaskit/theme/colors';
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 export const WrapperSpan = /*#__PURE__*/forwardRef(({
   truncateInline,
   withoutBackground,
@@ -11,12 +12,14 @@ export const WrapperSpan = /*#__PURE__*/forwardRef(({
   isInteractive,
   isSelected,
   href,
+  viewType,
   ...props
 }, ref) => {
+  const experimentValue = viewType === 'unauthorised' ? expVal('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
   }), props.children);
 });
 export const WrapperAnchor = /*#__PURE__*/forwardRef(({
@@ -26,13 +29,15 @@ export const WrapperAnchor = /*#__PURE__*/forwardRef(({
   isInteractive,
   isSelected,
   href,
+  viewType,
   ...props
 }, ref) => {
+  const experimentValue = viewType === 'unauthorised' ? expVal('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/React.createElement("a", _extends({
     href: href,
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
+    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
   }), props.children);
 });
 const baseWrapperStyles = null;
@@ -44,5 +49,6 @@ const hoveredWithBackgroundStyles = null;
 const withoutBackgroundStyles = null;
 const withBackgroundStyles = null;
 const truncateStyles = null;
+const unauthorisedTruncateStyles = null;
 const notSelectedStyle = null;
 const selectedStyles = null;

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

@@ -60,7 +60,8 @@ export const InlineCardUnauthorizedView = ({
     testId: testId,
     isSelected: isSelected,
     ref: frameRef,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: "unauthorised"
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
     icon: icon ? icon : fallbackUnauthorizedIcon(),
     title: url,

package/dist/es2019/view/InlineCard/common/action-button/index.compiled.css

@@ -1,3 +1,4 @@
+._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._1e0c1bgi{display:contents}
@@ -5,14 +6,19 @@
 ._1nmz9jpi{word-break:break-all}
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
+._2hwxt94y{margin-right:1px}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
+._ca0qt94y{padding-top:1px}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
+._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}

package/dist/es2019/view/InlineCard/common/action-button/index.js

@@ -14,7 +14,7 @@ const styles = {
 };
 const experimentEnabledStyles = {
   control: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
-  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _irr31q28 _1di612kk",
+  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
   test2: "_syaz15cr _80omtlke _bfhk1i45 _qrwqlb4i _1o0zlb4i _irr3byip _1di61van"
 };
 /**

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

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

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

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

@@ -5,6 +5,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement, SmartLinkSize } from '../../../../constants';
 import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
@@ -185,7 +186,7 @@ var Container = function Container(_ref3) {
   var _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;
-  var canShowHoverPreview = showHoverPreview && status === 'resolved';
+  var canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined && fg('smart-link-custom-hover-card-content'));
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;

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

@@ -24,7 +24,8 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     style = _ref.style,
     text = _ref.text,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId,
+    onAfterChanged = _ref.onAfterChanged;
   var ui = useFlexibleUiOptionContext();
   if (!text) {
     return null;
@@ -34,7 +35,8 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     appearance: appearance,
     testId: testId,
     text: text,
-    zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
+    zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex,
+    onAfterChanged: onAfterChanged
   }) : /*#__PURE__*/React.createElement(AtlaskitLozenge, _extends({
     appearance: appearance
   }, fg('platform-component-visual-refresh') ? {

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -32,7 +32,8 @@ var LozengeAction = function LozengeAction(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-lozenge-action' : _ref$testId,
     text = _ref.text,
-    zIndex = _ref.zIndex;
+    zIndex = _ref.zIndex,
+    onAfterChanged = _ref.onAfterChanged;
   var _useState = useState({
       appearance: appearance,
       text: text
@@ -151,7 +152,7 @@ var LozengeAction = function LozengeAction(_ref) {
             fireEvent('ui.button.clicked.smartLinkStatusListItem', {});
             updateAction = action === null || action === void 0 ? void 0 : action.update;
             if (!(updateAction && id)) {
-              _context2.next = 17;
+              _context2.next = 18;
               break;
             }
             setIsLoading(true);
@@ -159,6 +160,7 @@ var LozengeAction = function LozengeAction(_ref) {
             _context2.next = 8;
             return invoke(request);
           case 8:
+            onAfterChanged === null || onAfterChanged === void 0 || onAfterChanged();
             setSelected({
               appearance: appearance,
               text: text
@@ -171,16 +173,16 @@ var LozengeAction = function LozengeAction(_ref) {
               smartLinkActionType: TrackQuickActionType.StatusUpdate
             });
             if (!url) {
-              _context2.next = 17;
+              _context2.next = 18;
               break;
             }
-            _context2.next = 17;
+            _context2.next = 18;
             return reload(url, true, undefined, linkId);
-          case 17:
-            _context2.next = 23;
+          case 18:
+            _context2.next = 24;
             break;
-          case 19:
-            _context2.prev = 19;
+          case 20:
+            _context2.prev = 20;
             _context2.t0 = _context2["catch"](0);
             setIsLoading(false);
             if (isInvokeCustomError(_context2.t0)) {
@@ -190,16 +192,16 @@ var LozengeAction = function LozengeAction(_ref) {
               setErrorMessage(LozengeActionErrorMessages.updateFailed);
               fireEvent('track.smartLinkQuickAction.failed', unknownUpdateErrorAnalyticsPayload);
             }
-          case 23:
+          case 24:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 19]]);
+      }, _callee2, null, [[0, 20]]);
     }));
     return function (_x2, _x3, _x4) {
       return _ref4.apply(this, arguments);
     };
-  }(), [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent]);
+  }(), [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent, onAfterChanged]);
   var dropdownItemGroup = useMemo(function () {
     if (errorMessage) {
       return /*#__PURE__*/React.createElement(LozengeActionError, {

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

@@ -205,7 +205,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       renderers: renderers,
       actionOptions: actionOptions,
       url: url,
-      id: id
+      id: id,
+      hoverPreviewOptions: hoverPreviewOptions
     };
     return /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
       url: url,
@@ -213,7 +214,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       id: id,
       source: HOVER_CARD_SOURCE
     }, /*#__PURE__*/React.createElement(HoverCardContent, hoverCardContentProps));
-  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
+  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id, hoverPreviewOptions]);
   var trigger = useCallback(function (_ref3) {
     var ariaHasPopup = _ref3['aria-haspopup'],
       ariaExpanded = _ref3['aria-expanded'],

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

@@ -1,6 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
@@ -27,7 +28,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     url = _ref.url,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
   var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -122,6 +124,11 @@ var HoverCardContent = function HoverCardContent(_ref) {
     return e.stopPropagation();
   }, []);
   var getCardView = function getCardView(cardState) {
+    var _hoverPreviewOptions$;
+    var overrideView = fg('smart-link-custom-hover-card-content') ? hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions) : undefined;
+    if (overrideView) {
+      return overrideView;
+    }
     if (cardState.metadataStatus === 'pending') {
       return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
         flexibleCardProps: flexibleCardProps,

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

@@ -6,6 +6,7 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     children = props.children,
     onClick = props.onClick,
     link = props.link,
+    viewType = props.viewType,
     withoutBackground = props.withoutBackground,
     testId = props.testId,
     className = props.className,
@@ -50,6 +51,7 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     className: className,
     ref: ref,
     isHovered: isHovered,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: viewType
   }, children);
 });

package/dist/esm/view/InlineCard/Frame/styled.compiled.css

@@ -26,6 +26,7 @@
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._sudp1e54{-webkit-box-orient:vertical}
+._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._syaz1y58{color:var(--ds-link,#0052cc)}
 ._u5f3idpf{padding-right:0}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}

package/dist/esm/view/InlineCard/Frame/styled.js

@@ -1,12 +1,13 @@
 /* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"],
-  _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"];
+var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"],
+  _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"];
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import { B100, B200, B400, B50, N40 } from '@atlaskit/theme/colors';
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 export var WrapperSpan = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var truncateInline = _ref.truncateInline,
     withoutBackground = _ref.withoutBackground,
@@ -14,11 +15,13 @@ export var WrapperSpan = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isInteractive = _ref.isInteractive,
     isSelected = _ref.isSelected,
     href = _ref.href,
+    viewType = _ref.viewType,
     props = _objectWithoutProperties(_ref, _excluded);
+  var experimentValue = viewType === 'unauthorised' ? expVal('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
   }), props.children);
 });
 export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
@@ -28,12 +31,14 @@ export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     isInteractive = _ref2.isInteractive,
     isSelected = _ref2.isSelected,
     href = _ref2.href,
+    viewType = _ref2.viewType,
     props = _objectWithoutProperties(_ref2, _excluded2);
+  var experimentValue = viewType === 'unauthorised' ? expVal('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/React.createElement("a", _extends({
     href: href,
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
+    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
   }), props.children);
 });
 var baseWrapperStyles = null;
@@ -45,5 +50,6 @@ var hoveredWithBackgroundStyles = null;
 var withoutBackgroundStyles = null;
 var withBackgroundStyles = null;
 var truncateStyles = null;
+var unauthorisedTruncateStyles = null;
 var notSelectedStyle = null;
 var selectedStyles = null;

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

@@ -60,7 +60,8 @@ export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref
     testId: testId,
     isSelected: isSelected,
     ref: frameRef,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: "unauthorised"
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
     icon: icon ? icon : fallbackUnauthorizedIcon(),
     title: url,

package/dist/esm/view/InlineCard/common/action-button/index.compiled.css

@@ -1,3 +1,4 @@
+._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._1e0c1bgi{display:contents}
@@ -5,14 +6,19 @@
 ._1nmz9jpi{word-break:break-all}
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
+._2hwxt94y{margin-right:1px}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
+._ca0qt94y{padding-top:1px}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
+._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}

package/dist/esm/view/InlineCard/common/action-button/index.js

@@ -16,7 +16,7 @@ var styles = {
 };
 var experimentEnabledStyles = {
   control: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
-  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _irr31q28 _1di612kk",
+  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
   test2: "_syaz15cr _80omtlke _bfhk1i45 _qrwqlb4i _1o0zlb4i _irr3byip _1di61van"
 };
 /**

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

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

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

@@ -388,6 +388,7 @@ export type SourceBranch = {
  */
 export type State = {
     name: ElementName.State;
+    onAfterChanged?: () => void;
 };
 /**
  * Represents the props available for a SubscriberCount element.

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/index.d.ts

@@ -11,6 +11,10 @@ export type BaseLozengeElementProps = ElementProps & {
      * Determines the appearance of the Atlaskit lozenge.
      */
     appearance?: LozengeAppearance;
+    /**
+     * Callback fired after lozenge value has changed
+     */
+    onAfterChanged?: () => void;
     /**
      * Determines the custom styles of the Atlaskit lozenge.
      */
@@ -26,6 +30,6 @@ export type BaseLozengeElementProps = ElementProps & {
  * @param {BaseLozengeElementProps} BaseLozengeElementProps - The props necessary for the Lozenge element.
  * @see State
  */
-declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
+declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, onAfterChanged, }: BaseLozengeElementProps) => JSX.Element | null;
 export default BaseLozengeElement;
 export declare const toDateLozengeProps: (dateString?: string) => Partial<BaseLozengeElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types.d.ts

@@ -8,6 +8,7 @@ export type LozengeItem = {
 export type LozengeActionProps = {
     action: LinkLozengeInvokeActions;
     appearance?: ThemeAppearance;
+    onAfterChanged?: () => void;
     testId?: string;
     text: string | React.ReactNode;
     zIndex?: number;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
-declare const HoverCardContent: ({ id, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, }: HoverCardContentProps) => React.JSX.Element | null;
+declare const HoverCardContent: ({ id, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, hoverPreviewOptions, }: HoverCardContentProps) => React.JSX.Element | null;
 export default HoverCardContent;

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

@@ -93,6 +93,7 @@ export type HoverCardContentProps = {
     onResolve: () => void;
     renderers?: CardProviderRenderers;
     url: string;
+    hoverPreviewOptions?: HoverPreviewOptions;
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {
     isAIEnabled?: boolean;
@@ -108,4 +109,8 @@ export interface HoverPreviewOptions {
      * Delay (in milliseconds) between hovering over the trigger element and the hover card opening. Defaults to 500ms.
      */
     fadeInDelay?: number;
+    /**
+     * Render a custom component instead of the default hover card.
+     */
+    render?: () => React.ReactNode;
 }

package/dist/types/view/InlineCard/Frame/index.d.ts

@@ -13,6 +13,8 @@ export interface FrameViewProps {
     testId?: string;
     /** A flag that determines whether a card is truncated to 1 line */
     truncateInline?: boolean;
+    /** A flag that determines the type of view */
+    viewType?: 'default' | 'unauthorised';
     /** A flag that determines whether the card needs a backgorund or not */
     withoutBackground?: boolean;
 }

package/dist/types/view/InlineCard/Frame/styled.d.ts

@@ -9,6 +9,7 @@ export interface WrapperProps extends React.ComponentProps<any> {
     isInteractive?: boolean;
     isSelected?: boolean;
     truncateInline?: boolean;
+    viewType?: 'default' | 'unauthorised';
     withoutBackground?: boolean;
 }
 export declare const WrapperSpan: React.ForwardRefExoticComponent<Omit<WrapperProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -388,6 +388,7 @@ export type SourceBranch = {
  */
 export type State = {
     name: ElementName.State;
+    onAfterChanged?: () => void;
 };
 /**
  * Represents the props available for a SubscriberCount element.

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/index.d.ts

@@ -11,6 +11,10 @@ export type BaseLozengeElementProps = ElementProps & {
      * Determines the appearance of the Atlaskit lozenge.
      */
     appearance?: LozengeAppearance;
+    /**
+     * Callback fired after lozenge value has changed
+     */
+    onAfterChanged?: () => void;
     /**
      * Determines the custom styles of the Atlaskit lozenge.
      */
@@ -26,6 +30,6 @@ export type BaseLozengeElementProps = ElementProps & {
  * @param {BaseLozengeElementProps} BaseLozengeElementProps - The props necessary for the Lozenge element.
  * @see State
  */
-declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
+declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, onAfterChanged, }: BaseLozengeElementProps) => JSX.Element | null;
 export default BaseLozengeElement;
 export declare const toDateLozengeProps: (dateString?: string) => Partial<BaseLozengeElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types.d.ts

@@ -8,6 +8,7 @@ export type LozengeItem = {
 export type LozengeActionProps = {
     action: LinkLozengeInvokeActions;
     appearance?: ThemeAppearance;
+    onAfterChanged?: () => void;
     testId?: string;
     text: string | React.ReactNode;
     zIndex?: number;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
-declare const HoverCardContent: ({ id, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, }: HoverCardContentProps) => React.JSX.Element | null;
+declare const HoverCardContent: ({ id, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, hoverPreviewOptions, }: HoverCardContentProps) => React.JSX.Element | null;
 export default HoverCardContent;

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

@@ -93,6 +93,7 @@ export type HoverCardContentProps = {
     onResolve: () => void;
     renderers?: CardProviderRenderers;
     url: string;
+    hoverPreviewOptions?: HoverPreviewOptions;
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {
     isAIEnabled?: boolean;
@@ -108,4 +109,8 @@ export interface HoverPreviewOptions {
      * Delay (in milliseconds) between hovering over the trigger element and the hover card opening. Defaults to 500ms.
      */
     fadeInDelay?: number;
+    /**
+     * Render a custom component instead of the default hover card.
+     */
+    render?: () => React.ReactNode;
 }

package/dist/types-ts4.5/view/InlineCard/Frame/index.d.ts

@@ -13,6 +13,8 @@ export interface FrameViewProps {
     testId?: string;
     /** A flag that determines whether a card is truncated to 1 line */
     truncateInline?: boolean;
+    /** A flag that determines the type of view */
+    viewType?: 'default' | 'unauthorised';
     /** A flag that determines whether the card needs a backgorund or not */
     withoutBackground?: boolean;
 }

package/dist/types-ts4.5/view/InlineCard/Frame/styled.d.ts

@@ -9,6 +9,7 @@ export interface WrapperProps extends React.ComponentProps<any> {
     isInteractive?: boolean;
     isSelected?: boolean;
     truncateInline?: boolean;
+    viewType?: 'default' | 'unauthorised';
     withoutBackground?: boolean;
 }
 export declare const WrapperSpan: React.ForwardRefExoticComponent<Omit<WrapperProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.6.5",
+	"version": "43.7.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -53,26 +53,26 @@
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
 		"@atlaskit/link-extractors": "^2.4.0",
-		"@atlaskit/link-test-helpers": "^8.4.0",
+		"@atlaskit/link-test-helpers": "^8.5.0",
 		"@atlaskit/linking-common": "^9.8.0",
-		"@atlaskit/linking-types": "^14.1.0",
+		"@atlaskit/linking-types": "^14.2.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/lozenge": "^13.1.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.6.0",
+		"@atlaskit/modal-dialog": "^14.7.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.6.0",
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/section-message": "^8.9.0",
-		"@atlaskit/select": "^21.3.0",
+		"@atlaskit/select": "^21.4.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/textarea": "^8.0.0",
-		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/textarea": "^8.1.0",
+		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.37.0",
+		"@atlaskit/tmp-editor-statsig": "^13.38.0",
 		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tooltip": "^20.9.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -237,6 +237,9 @@
 		},
 		"platform-linking-smart-card-layered-link-a11y": {
 			"type": "boolean"
+		},
+		"smart-link-custom-hover-card-content": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"