@atlaskit/smart-card 26.43.10 → 26.44.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 26.44.1
+
+### Patch Changes
+
+- [#66140](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66140) [`699994b1ab74`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/699994b1ab74) - Convert the InlineCard Frame to css object syntax to restore link color to the anchor.
+- Updated dependencies
+
+## 26.44.0
+
+### Minor Changes
+
+- [#65223](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65223) [`ff157d5f6c61`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff157d5f6c61) - [ux] Removed the discovery pulse for the Jira status change action
+
 ## 26.43.10
 
 ### Patch Changes

package/dist/cjs/extractors/flexible/extract-state.js

@@ -26,7 +26,7 @@ var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers
     details: details
   };
 };
-var extractAction = function extractAction(response, id, options) {
+var extractAction = function extractAction(response, id) {
   var _action$dataRetrieval, _action$dataUpdateAct;
   var extensionKey = (0, _helpers.getExtensionKey)(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
@@ -51,8 +51,7 @@ var extractAction = function extractAction(response, id, options) {
   var update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
   return read || update ? {
     read: read,
-    update: update,
-    showFeatureDiscovery: options === null || options === void 0 ? void 0 : options.showStateActionFeatureDiscovery
+    update: update
   } : undefined;
 };
 var extractState = function extractState(response, showServerActions, id) {
@@ -66,7 +65,7 @@ var extractState = function extractState(response, showServerActions, id) {
   if (!showServerActions) {
     return lozenge;
   }
-  var action = extractAction(response, id, typeof showServerActions === 'boolean' ? undefined : showServerActions);
+  var action = extractAction(response, id);
   return _objectSpread(_objectSpread({}, lozenge), {}, {
     action: action
   });

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

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

package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -67,12 +67,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
     allowEventPropagation: true,
     canOpen: canOpen,
     closeOnChildClick: true,
-    hidePreviewButton: hideHoverCardPreviewButton
-    // EDM-6709 extends the internal prop for showServerActions type to be
-    // an object. If we decide to use expose the type for hover preview
-    // remove the Boolean() conversion here.
-    ,
-    showServerActions: Boolean(showServerActions),
+    hidePreviewButton: hideHoverCardPreviewButton,
+    showServerActions: showServerActions,
     url: url
   }, /*#__PURE__*/_react.default.createElement("span", {
     onMouseLeave: onMouseLeave,

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

@@ -146,11 +146,10 @@ var LozengeAction = function LozengeAction(_ref) {
     return (0, _react.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
       appearance: selected.appearance,
       isOpen: isOpen,
-      showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
       testId: testId,
       text: selected.text
     }));
-  }, [selected.appearance, selected.text, isOpen, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
+  }, [selected.appearance, selected.text, isOpen, testId]);
   var handleItemClick = (0, _react2.useCallback)( /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(id, text, appearance) {
       var updateAction, request;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -13,13 +13,11 @@ var _react2 = require("react");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _styled = require("../styled");
-var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
-var _excluded = ["appearance", "isOpen", "showFeatureDiscovery", "testId", "text", "triggerRef"];
+var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
 /** @jsx jsx */
 var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var appearance = _ref.appearance,
     isOpen = _ref.isOpen,
-    showFeatureDiscovery = _ref.showFeatureDiscovery,
     testId = _ref.testId,
     text = _ref.text,
     triggerRef = _ref.triggerRef,
@@ -54,9 +52,6 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: triggerRef
-  }), showFeatureDiscovery ? (0, _react.jsx)(_featureDiscovery.default, {
-    appearance: appearance,
-    testId: testId
-  }, lozenge) : lozenge);
+  }), lozenge);
 };
 var _default = exports.default = LozengeActionTrigger;

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

@@ -154,9 +154,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: showServerActions ? {
-      showStateActionFeatureDiscovery: true
-    } : false,
+    showServerActions: showServerActions,
     ui: _styled.flexibleUiOptions,
     url: url,
     children: {},

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

@@ -5,33 +5,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WrapperSpan = exports.WrapperAnchor = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2;
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n  &:hover {\n    border: 1px solid ", "var(--ds-border, ".concat(_colors.N40, ")"), ";\n  }\n");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var selectedStyles = {
+  cursor: 'pointer',
+  boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")")),
+  outline: 'none',
+  userSelect: 'none',
+  '&, :hover, :focus, :active': {
+    textDecoration: 'none'
+  },
+  '&:hover': {
+    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
+  }
+};
 var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
   if (isInteractive) {
-    return "\n      :active {\n        background-color: ".concat("var(--ds-background-selected, ".concat(_colors.B50, ")"), ";\n      }\n      :focus {\n        ", selected, "\n      }\n    ");
-  } else {
-    return '';
+    return {
+      ':active': {
+        backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")")
+      },
+      ':focus': selectedStyles
+    };
   }
+  return undefined;
 };
 var isSelected = function isSelected(_ref2) {
   var isSelected = _ref2.isSelected;
   if (isSelected) {
-    return selected;
+    return selectedStyles;
   } else {
-    return 'user-select: text';
+    return {
+      userSelect: 'text'
+    };
   }
 };
-var hoveredStyles = "border-color: ".concat("var(--ds-border-accent-blue, ".concat(_colors.B200, ")"), ";");
+var hoveredStyles = {
+  borderColor: "var(--ds-border-accent-blue, ".concat(_colors.B200, ")")
+};
 var activeHoveredFocusedStyles = function activeHoveredFocusedStyles(props) {
-  return "\n  ".concat(props.withoutBackground ? '' : 'text-decoration: none;', ";\n");
+  if (props.withoutBackground) {
+    return undefined;
+  }
+  return {
+    textDecoration: 'none'
+  };
 };
 var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
-  return "\n    ".concat(hoveredStyles, "\n    ").concat(activeHoveredFocusedStyles(props), ";\n");
+  return _objectSpread(_objectSpread({}, hoveredStyles), activeHoveredFocusedStyles(props));
 };
 
 /*
@@ -46,10 +71,34 @@ var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-var baseWrapperStyle = function baseWrapperStyle(props) {
-  return "\n  line-height: 22px;\n  padding: 2px 0px;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "var(--ds-border-radius-100, 4px)", ";\n  color: ", "var(--ds-link, ".concat(_colors.B400, ")"), ";\n\n  background-color: ").concat(props.withoutBackground ? '' : "var(--ds-surface-raised, white)", ";\n\n  ").concat(isSelected(props), ";\n\n  ").concat(props.withoutBackground ? '' : "border: 1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"), ";"), "\n  &:hover {\n    ").concat(hoveredStyles, "\n  }\n  &, :hover, :focus, :active {\n    ").concat(activeHoveredFocusedStyles(props), "\n  }\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  ").concat(props.isHovered && hoveredWihBorderStyles(props), ";\n");
+var baseWrapperStyles = function baseWrapperStyles(props) {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    lineHeight: '22px',
+    padding: "var(--ds-space-025, 2px)".concat(" 0px")
+  }, props.withoutBackground ? {
+    paddingLeft: 0,
+    marginLeft: "var(--ds-space-negative-025, -2px)"
+  } : undefined), {}, {
+    display: 'inline',
+    boxDecorationBreak: 'clone',
+    borderRadius: "var(--ds-border-radius-100, 4px)",
+    color: "var(--ds-link, ".concat(_colors.B400, ")")
+  }, props.withoutBackground ? undefined : {
+    backgroundColor: "var(--ds-surface-raised, white)"
+  }), isSelected(props)), props.withoutBackground ? undefined : {
+    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
+  }), {}, {
+    '&:hover': hoveredStyles,
+    '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
+    transition: '0.1s all ease-in-out',
+    MozUserSelect: 'none'
+  }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
 };
-var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
+var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(function (props) {
+  return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props));
+});
 WrapperAnchor.displayName = 'WrapperAnchor';
-var WrapperSpan = exports.WrapperSpan = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), baseWrapperStyle);
+var WrapperSpan = exports.WrapperSpan = _styled.default.span(function (props) {
+  return _objectSpread({}, baseWrapperStyles(props));
+});
 WrapperSpan.displayName = 'WrapperSpan';

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

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

package/dist/es2019/extractors/flexible/extract-state.js

@@ -16,7 +16,7 @@ const toInvokeRequest = (extensionKey, resourceIdentifiers, actionType, details)
     details
   };
 };
-const extractAction = (response, id, options) => {
+const extractAction = (response, id) => {
   var _action$dataRetrieval, _action$dataUpdateAct;
   const extensionKey = getExtensionKey(response);
   const data = response === null || response === void 0 ? void 0 : response.data;
@@ -39,8 +39,7 @@ const extractAction = (response, id, options) => {
   const update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
   return read || update ? {
     read,
-    update,
-    showFeatureDiscovery: options === null || options === void 0 ? void 0 : options.showStateActionFeatureDiscovery
+    update
   } : undefined;
 };
 const extractState = (response, showServerActions, id) => {
@@ -54,7 +53,7 @@ const extractState = (response, showServerActions, id) => {
   if (!showServerActions) {
     return lozenge;
   }
-  const action = extractAction(response, id, typeof showServerActions === 'boolean' ? undefined : showServerActions);
+  const action = extractAction(response, id);
   return {
     ...lozenge,
     action

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

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

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -53,12 +53,8 @@ const HoverCardControl = ({
     allowEventPropagation: true,
     canOpen: canOpen,
     closeOnChildClick: true,
-    hidePreviewButton: hideHoverCardPreviewButton
-    // EDM-6709 extends the internal prop for showServerActions type to be
-    // an object. If we decide to use expose the type for hover preview
-    // remove the Boolean() conversion here.
-    ,
-    showServerActions: Boolean(showServerActions),
+    hidePreviewButton: hideHoverCardPreviewButton,
+    showServerActions: showServerActions,
     url: url
   }, /*#__PURE__*/React.createElement("span", {
     onMouseLeave: onMouseLeave,

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

@@ -86,10 +86,9 @@ const LozengeAction = ({
   const trigger = useCallback(props => jsx(LozengeActionTrigger, _extends({}, props, {
     appearance: selected.appearance,
     isOpen: isOpen,
-    showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
     testId: testId,
     text: selected.text
-  })), [selected.appearance, selected.text, isOpen, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
+  })), [selected.appearance, selected.text, isOpen, testId]);
   const handleItemClick = useCallback(async (id, text, appearance) => {
     try {
       analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionListItemClickedEvent();

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -5,11 +5,9 @@ import { useCallback, useMemo, useState } from 'react';
 import Lozenge from '@atlaskit/lozenge';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
-import FeatureDiscovery from '../feature-discovery';
 const LozengeActionTrigger = ({
   appearance,
   isOpen,
-  showFeatureDiscovery,
   testId,
   text,
   triggerRef,
@@ -36,9 +34,6 @@ const LozengeActionTrigger = ({
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: triggerRef
-  }), showFeatureDiscovery ? jsx(FeatureDiscovery, {
-    appearance: appearance,
-    testId: testId
-  }, lozenge) : lozenge);
+  }), lozenge);
 };
 export default LozengeActionTrigger;

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

@@ -117,9 +117,7 @@ const HoverCardContent = ({
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: showServerActions ? {
-      showStateActionFeatureDiscovery: true
-    } : false,
+    showServerActions,
     ui: flexibleUiOptions,
     url: url,
     children: {},

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

@@ -1,50 +1,56 @@
 import styled from '@emotion/styled';
 import { B50, B100, B200, B400, N40 } from '@atlaskit/theme/colors';
-const selected = `
-  cursor: pointer;
-  box-shadow: 0 0 0 2px ${`var(--ds-border-selected, ${B100})`};
-  outline: none;
-  user-select: none;
-  &, :hover, :focus, :active {
-    text-decoration: none;
+const selectedStyles = {
+  cursor: 'pointer',
+  boxShadow: `0 0 0 2px ${`var(--ds-border-selected, ${B100})`}`,
+  outline: 'none',
+  userSelect: 'none',
+  '&, :hover, :focus, :active': {
+    textDecoration: 'none'
+  },
+  '&:hover': {
+    border: `1px solid ${`var(--ds-border, ${N40})`}`
   }
-  &:hover {
-    border: 1px solid ${`var(--ds-border, ${N40})`};
-  }
-`;
+};
 const isInteractive = ({
   isInteractive
 }) => {
   if (isInteractive) {
-    return `
-      :active {
-        background-color: ${`var(--ds-background-selected, ${B50})`};
-      }
-      :focus {
-        ${selected}
-      }
-    `;
-  } else {
-    return '';
+    return {
+      ':active': {
+        backgroundColor: `var(--ds-background-selected, ${B50})`
+      },
+      ':focus': selectedStyles
+    };
   }
+  return undefined;
 };
 const isSelected = ({
   isSelected
 }) => {
   if (isSelected) {
-    return selected;
+    return selectedStyles;
   } else {
-    return 'user-select: text';
+    return {
+      userSelect: 'text'
+    };
+  }
+};
+const hoveredStyles = {
+  borderColor: `var(--ds-border-accent-blue, ${B200})`
+};
+const activeHoveredFocusedStyles = props => {
+  if (props.withoutBackground) {
+    return undefined;
   }
+  return {
+    textDecoration: 'none'
+  };
 };
-const hoveredStyles = `border-color: ${`var(--ds-border-accent-blue, ${B200})`};`;
-const activeHoveredFocusedStyles = props => `
-  ${props.withoutBackground ? '' : 'text-decoration: none;'};
-`;
-const hoveredWihBorderStyles = props => `
-    ${hoveredStyles}
-    ${activeHoveredFocusedStyles(props)};
-`;
+const hoveredWihBorderStyles = props => ({
+  ...hoveredStyles,
+  ...activeHoveredFocusedStyles(props)
+});
 
 /*
   Inline smart cards should have the following layout:
@@ -58,37 +64,38 @@ const hoveredWihBorderStyles = props => `
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-const baseWrapperStyle = props => `
-  line-height: 22px;
-  padding: 2px 0px;
-  ${props.withoutBackground ? `padding-left: 0; margin-left:-2px;` : ''}
-  display: inline;
-  box-decoration-break: clone;
-  border-radius: ${"var(--ds-border-radius-100, 4px)"};
-  color: ${`var(--ds-link, ${B400})`};
-
-  background-color: ${props.withoutBackground ? '' : "var(--ds-surface-raised, white)"};
-
-  ${isSelected(props)};
-
-  ${props.withoutBackground ? '' : `border: 1px solid ${`var(--ds-border, ${N40})`};`}
-  &:hover {
-    ${hoveredStyles}
-  }
-  &, :hover, :focus, :active {
-    ${activeHoveredFocusedStyles(props)}
-  }
-  transition: 0.1s all ease-in-out;
-  -moz-user-select: none;
+const baseWrapperStyles = props => ({
+  lineHeight: '22px',
+  padding: `${"var(--ds-space-025, 2px)"} 0px`,
+  ...(props.withoutBackground ? {
+    paddingLeft: 0,
+    marginLeft: "var(--ds-space-negative-025, -2px)"
+  } : undefined),
+  display: 'inline',
+  boxDecorationBreak: 'clone',
+  borderRadius: "var(--ds-border-radius-100, 4px)",
+  color: `var(--ds-link, ${B400})`,
+  ...(props.withoutBackground ? undefined : {
+    backgroundColor: "var(--ds-surface-raised, white)"
+  }),
+  ...isSelected(props),
+  ...(props.withoutBackground ? undefined : {
+    border: `1px solid ${`var(--ds-border, ${N40})`}`
+  }),
+  '&:hover': hoveredStyles,
+  '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
+  transition: '0.1s all ease-in-out',
+  MozUserSelect: 'none',
+  // -moz-user-select
 
-  ${props.isHovered && hoveredWihBorderStyles(props)};
-`;
-export const WrapperAnchor = styled.a`
-  ${baseWrapperStyle}
-  ${isInteractive}
-`;
+  ...(props.isHovered ? hoveredWihBorderStyles(props) : undefined)
+});
+export const WrapperAnchor = styled.a(props => ({
+  ...baseWrapperStyles(props),
+  ...isInteractive(props)
+}));
 WrapperAnchor.displayName = 'WrapperAnchor';
-export const WrapperSpan = styled.span`
-  ${baseWrapperStyle}
-`;
+export const WrapperSpan = styled.span(props => ({
+  ...baseWrapperStyles(props)
+}));
 WrapperSpan.displayName = 'WrapperSpan';

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.43.10",
+  packageVersion: "26.44.1",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/extractors/flexible/extract-state.js

@@ -19,7 +19,7 @@ var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers
     details: details
   };
 };
-var extractAction = function extractAction(response, id, options) {
+var extractAction = function extractAction(response, id) {
   var _action$dataRetrieval, _action$dataUpdateAct;
   var extensionKey = getExtensionKey(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
@@ -44,8 +44,7 @@ var extractAction = function extractAction(response, id, options) {
   var update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
   return read || update ? {
     read: read,
-    update: update,
-    showFeatureDiscovery: options === null || options === void 0 ? void 0 : options.showStateActionFeatureDiscovery
+    update: update
   } : undefined;
 };
 var extractState = function extractState(response, showServerActions, id) {
@@ -59,7 +58,7 @@ var extractState = function extractState(response, showServerActions, id) {
   if (!showServerActions) {
     return lozenge;
   }
-  var action = extractAction(response, id, typeof showServerActions === 'boolean' ? undefined : showServerActions);
+  var action = extractAction(response, id);
   return _objectSpread(_objectSpread({}, lozenge), {}, {
     action: action
   });

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.43.10"
+  packageVersion: "26.44.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -57,12 +57,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
     allowEventPropagation: true,
     canOpen: canOpen,
     closeOnChildClick: true,
-    hidePreviewButton: hideHoverCardPreviewButton
-    // EDM-6709 extends the internal prop for showServerActions type to be
-    // an object. If we decide to use expose the type for hover preview
-    // remove the Boolean() conversion here.
-    ,
-    showServerActions: Boolean(showServerActions),
+    hidePreviewButton: hideHoverCardPreviewButton,
+    showServerActions: showServerActions,
     url: url
   }, /*#__PURE__*/React.createElement("span", {
     onMouseLeave: onMouseLeave,

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

@@ -138,11 +138,10 @@ var LozengeAction = function LozengeAction(_ref) {
     return jsx(LozengeActionTrigger, _extends({}, props, {
       appearance: selected.appearance,
       isOpen: isOpen,
-      showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
       testId: testId,
       text: selected.text
     }));
-  }, [selected.appearance, selected.text, isOpen, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
+  }, [selected.appearance, selected.text, isOpen, testId]);
   var handleItemClick = useCallback( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id, text, appearance) {
       var updateAction, request;

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -1,18 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["appearance", "isOpen", "showFeatureDiscovery", "testId", "text", "triggerRef"];
+var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useCallback, useMemo, useState } from 'react';
 import Lozenge from '@atlaskit/lozenge';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
-import FeatureDiscovery from '../feature-discovery';
 var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var appearance = _ref.appearance,
     isOpen = _ref.isOpen,
-    showFeatureDiscovery = _ref.showFeatureDiscovery,
     testId = _ref.testId,
     text = _ref.text,
     triggerRef = _ref.triggerRef,
@@ -47,9 +45,6 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: triggerRef
-  }), showFeatureDiscovery ? jsx(FeatureDiscovery, {
-    appearance: appearance,
-    testId: testId
-  }, lozenge) : lozenge);
+  }), lozenge);
 };
 export default LozengeActionTrigger;

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

@@ -143,9 +143,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: showServerActions ? {
-      showStateActionFeatureDiscovery: true
-    } : false,
+    showServerActions: showServerActions,
     ui: flexibleUiOptions,
     url: url,
     children: {},