@atlaskit/smart-card 32.7.9 → 32.7.11

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 32.7.11
+
+### Patch Changes
+
+- [#179934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179934)
+  [`be121b1cf4f54`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/be121b1cf4f54) -
+  Internal changes to typography font family style definitions.
+
+## 32.7.10
+
+### Patch Changes
+
+- [#177496](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177496)
+  [`1ca26bb289278`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1ca26bb289278) -
+  [ux] Deprecate showAuthToolTip
+
 ## 32.7.9
 
 ### Patch Changes

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

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

package/dist/cjs/view/CardWithUrl/component.js

@@ -214,7 +214,7 @@ function Component(_ref) {
       ui: ui,
       showHoverPreview: showHoverPreview,
       hoverPreviewOptions: hoverPreviewOptions,
-      showAuthTooltip: showAuthTooltip,
+      showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
       testId: testId,
@@ -246,7 +246,7 @@ function Component(_ref) {
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
         actionOptions: actionOptions,
         removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
         resolvingPlaceholder: resolvingPlaceholder,

package/dist/cjs/view/CardWithUrl/loader.js

@@ -155,7 +155,7 @@ function CardWithURLRenderer(props) {
     ui: ui,
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
-    showAuthTooltip: showAuthTooltip,
+    showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     placeholder: placeholder,
     removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
     resolvingPlaceholder: resolvingPlaceholder,

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -10,7 +10,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var colors = _colors;
-var _constants = require("@atlaskit/theme/constants");
 var _utils = require("../../common/utils");
 var _templateObject, _templateObject2; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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); }
@@ -60,7 +59,7 @@ var height = function height(_ref5) {
   return inheritDimensions ? 'height: 100%;' : "height: ".concat((0, _utils.gs)(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat(wrapperBorderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat((0, _constants.fontFamily)(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    ").concat(wrapperBorderRadius, "\n\n    ").concat(wrapperSizing(props), "\n  }\n");
+  return "\n  ".concat(wrapperBorderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ", "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    ").concat(wrapperBorderRadius, "\n\n    ").concat(wrapperSizing(props), "\n  }\n");
 };
 
 // if frameStyle !== 'show' then set the width of the frame to be

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

@@ -10,6 +10,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../../../constants");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
@@ -202,7 +203,7 @@ var Container = function Container(_ref3) {
   var canShowHoverPreview = showHoverPreview && status === 'resolved';
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
-  var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
+  var canShowAuthTooltip = ((0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip) && status === 'unauthorized' && retry !== undefined;
   var container = (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),

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

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _flexibleUiContext = require("../../state/flexible-ui-context");
@@ -117,7 +118,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
-    showAuthTooltip: showAuthTooltip,
+    showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     status: status
   }), children))));
 };

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

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../messages");
@@ -35,6 +36,8 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     testId = _ref$testId === void 0 ? 'inline-card-unauthorized-view' : _ref$testId,
     _ref$showAuthTooltip = _ref.showAuthTooltip,
     showAuthTooltip = _ref$showAuthTooltip === void 0 ? false : _ref$showAuthTooltip,
+    _ref$showHoverPreview = _ref.showHoverPreview,
+    showHoverPreview = _ref$showHoverPreview === void 0 ? false : _ref$showHoverPreview,
     truncateInline = _ref.truncateInline,
     context = _ref.context;
   var frameRef = _react.default.useRef(null);
@@ -73,7 +76,7 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     onClick: onClick,
     titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
   }), renderActionButton());
-  if (onAuthorise && showAuthTooltip) {
+  if (onAuthorise && ((0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip)) {
     return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
       url: url,
       id: id

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

@@ -41,6 +41,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
 var _inline = require("../../extractors/inline");
@@ -145,7 +146,8 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         onClick: handleFrameClick,
         onAuthorise: handleAuthorize,
         testId: testIdWithStatus,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
+        showHoverPreview: showHoverPreview,
         id: id,
         analytics: analytics,
         extensionKey: extensionKey,

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: "32.7.9",
+  packageVersion: "32.7.11",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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

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

package/dist/es2019/view/CardWithUrl/component.js

@@ -202,7 +202,7 @@ function Component({
       ui: ui,
       showHoverPreview: showHoverPreview,
       hoverPreviewOptions: hoverPreviewOptions,
-      showAuthTooltip: showAuthTooltip,
+      showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
       testId: testId,
@@ -234,7 +234,7 @@ function Component({
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
         actionOptions: actionOptions,
         removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
         resolvingPlaceholder: resolvingPlaceholder,

package/dist/es2019/view/CardWithUrl/loader.js

@@ -133,7 +133,7 @@ export function CardWithURLRenderer(props) {
     ui,
     showHoverPreview,
     hoverPreviewOptions,
-    showAuthTooltip,
+    showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     placeholder,
     removeTextHighlightingFromTitle,
     resolvingPlaceholder,

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -2,7 +2,6 @@
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
 import { N40 } from '@atlaskit/theme/colors';
-import { fontFamily } from '@atlaskit/theme/constants';
 import { gs as gridSize } from '../../common/utils';
 export const className = 'media-card-frame';
 export const borderRadius = `
@@ -93,7 +92,7 @@ const wrapperStyles = props => `
   display: inline-flex;
   flex-direction: column;
   box-sizing: border-box;
-  font-family: ${fontFamily()};
+  font-family: ${"var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"};
   width: 100%;
   user-select: none;
   line-height: initial;

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

@@ -7,6 +7,7 @@ import React, { useContext } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
@@ -204,7 +205,7 @@ const Container = ({
   const canShowHoverPreview = showHoverPreview && status === 'resolved';
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
-  const canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
+  const canShowAuthTooltip = (fg('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip) && status === 'unauthorized' && retry !== undefined;
   const container = jsx("div", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
@@ -108,7 +109,7 @@ const FlexibleCard = ({
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
-    showAuthTooltip: showAuthTooltip,
+    showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     status: status
   }), children))));
 };

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500, R400 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
@@ -26,6 +27,7 @@ export const InlineCardUnauthorizedView = ({
   isSelected,
   testId = 'inline-card-unauthorized-view',
   showAuthTooltip = false,
+  showHoverPreview = false,
   truncateInline,
   context
 }) => {
@@ -66,7 +68,7 @@ export const InlineCardUnauthorizedView = ({
     onClick: onClick,
     titleColor: `var(--ds-text-subtle, ${N500})`
   }), renderActionButton());
-  if (onAuthorise && showAuthTooltip) {
+  if (onAuthorise && (fg('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip)) {
     return /*#__PURE__*/React.createElement(HoverCard, {
       url: url,
       id: id

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

@@ -3,6 +3,7 @@ import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractInlineProps } from '../../extractors/inline';
@@ -110,7 +111,8 @@ export const InlineCard = ({
         onClick: handleFrameClick,
         onAuthorise: handleAuthorize,
         testId: testIdWithStatus,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
+        showHoverPreview: showHoverPreview,
         id: id,
         analytics: analytics,
         extensionKey: extensionKey,

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

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

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

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

package/dist/esm/view/CardWithUrl/component.js

@@ -204,7 +204,7 @@ function Component(_ref) {
       ui: ui,
       showHoverPreview: showHoverPreview,
       hoverPreviewOptions: hoverPreviewOptions,
-      showAuthTooltip: showAuthTooltip,
+      showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
       testId: testId,
@@ -236,7 +236,7 @@ function Component(_ref) {
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
         actionOptions: actionOptions,
         removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
         resolvingPlaceholder: resolvingPlaceholder,

package/dist/esm/view/CardWithUrl/loader.js

@@ -142,7 +142,7 @@ export function CardWithURLRenderer(props) {
     ui: ui,
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
-    showAuthTooltip: showAuthTooltip,
+    showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     placeholder: placeholder,
     removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
     resolvingPlaceholder: resolvingPlaceholder,

package/dist/esm/view/EmbedCard/components/styled.js

@@ -4,7 +4,6 @@ var _templateObject, _templateObject2;
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
 import { N40 } from '@atlaskit/theme/colors';
-import { fontFamily } from '@atlaskit/theme/constants';
 import { gs as gridSize } from '../../common/utils';
 export var className = 'media-card-frame';
 export var borderRadius = "\n  border-radius: ".concat("var(--ds-border-radius, 3px)", ";\n");
@@ -51,7 +50,7 @@ var height = function height(_ref5) {
   return inheritDimensions ? 'height: 100%;' : "height: ".concat(gridSize(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat(wrapperBorderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat(fontFamily(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    ").concat(wrapperBorderRadius, "\n\n    ").concat(wrapperSizing(props), "\n  }\n");
+  return "\n  ".concat(wrapperBorderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ", "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    ").concat(wrapperBorderRadius, "\n\n    ").concat(wrapperSizing(props), "\n  }\n");
 };
 
 // if frameStyle !== 'show' then set the width of the frame to be

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

@@ -9,6 +9,7 @@ import React, { useContext } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
@@ -193,7 +194,7 @@ var Container = function Container(_ref3) {
   var canShowHoverPreview = showHoverPreview && status === 'resolved';
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
-  var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
+  var canShowAuthTooltip = (fg('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip) && status === 'unauthorized' && retry !== undefined;
   var container = jsx("div", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),

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

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import React, { useEffect, useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
@@ -108,7 +109,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
-    showAuthTooltip: showAuthTooltip,
+    showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     status: status
   }), children))));
 };

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500, R400 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
@@ -28,6 +29,8 @@ export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref
     testId = _ref$testId === void 0 ? 'inline-card-unauthorized-view' : _ref$testId,
     _ref$showAuthTooltip = _ref.showAuthTooltip,
     showAuthTooltip = _ref$showAuthTooltip === void 0 ? false : _ref$showAuthTooltip,
+    _ref$showHoverPreview = _ref.showHoverPreview,
+    showHoverPreview = _ref$showHoverPreview === void 0 ? false : _ref$showHoverPreview,
     truncateInline = _ref.truncateInline,
     context = _ref.context;
   var frameRef = React.useRef(null);
@@ -66,7 +69,7 @@ export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref
     onClick: onClick,
     titleColor: "var(--ds-text-subtle, ".concat(N500, ")")
   }), renderActionButton());
-  if (onAuthorise && showAuthTooltip) {
+  if (onAuthorise && (fg('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip)) {
     return /*#__PURE__*/React.createElement(HoverCard, {
       url: url,
       id: id

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

@@ -3,6 +3,7 @@ import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractInlineProps } from '../../extractors/inline';
@@ -106,7 +107,8 @@ export var InlineCard = function InlineCard(_ref) {
         onClick: handleFrameClick,
         onAuthorise: handleAuthorize,
         testId: testIdWithStatus,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
+        showHoverPreview: showHoverPreview,
         id: id,
         analytics: analytics,
         extensionKey: extensionKey,

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

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

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

@@ -50,6 +50,7 @@ interface HoverPreviewProps extends ActionProps {
     hoverPreviewOptions?: HoverPreviewOptions;
     /**
      * Flag to display unresolved views on hover preview.
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
      */
     showAuthTooltip?: boolean;
 }

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

@@ -27,6 +27,9 @@ export type CardWithUrlContentProps = {
     children?: React.ReactNode;
     showHoverPreview?: boolean;
     hoverPreviewOptions?: HoverPreviewOptions;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
+     */
     showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;

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

@@ -96,6 +96,7 @@ export type FlexibleCardProps = {
     /**
      * Determines whether to show an unauthorised view of the hover card
      * when a user hovers over a smartlink.
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
      */
     showAuthTooltip?: boolean;
 };

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

@@ -15,8 +15,13 @@ export interface InlineCardUnauthorizedViewProps {
     isSelected?: boolean;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
     testId?: string;
-    /** A flag that determines is a tooltip should show up on hover over the unauthorised link */
+    /**
+     * A flag that determines is a tooltip should show up on hover over the unauthorised link
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
+     */
     showAuthTooltip?: boolean;
+    /** Enables showing a custom preview on hover of link */
+    showHoverPreview?: boolean;
     /** A smart link id that may be used in analytics */
     id?: string;
     /** An AnalyticsFacade object used for calling analytics. */
@@ -26,4 +31,4 @@ export interface InlineCardUnauthorizedViewProps {
     /** Truncates the card to one line */
     truncateInline?: boolean;
 }
-export declare const InlineCardUnauthorizedView: ({ url, id, icon, onAuthorise, onClick, isSelected, testId, showAuthTooltip, truncateInline, context, }: InlineCardUnauthorizedViewProps) => JSX.Element;
+export declare const InlineCardUnauthorizedView: ({ url, id, icon, onAuthorise, onClick, isSelected, testId, showAuthTooltip, showHoverPreview, truncateInline, context, }: InlineCardUnauthorizedViewProps) => JSX.Element;

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

@@ -23,6 +23,9 @@ export type InlineCardProps = {
     renderers?: CardProviderRenderers;
     showHoverPreview?: boolean;
     hoverPreviewOptions?: HoverPreviewOptions;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
+     */
     showAuthTooltip?: boolean;
     actionOptions?: CardActionOptions;
     analytics: AnalyticsFacade;

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

@@ -50,6 +50,7 @@ interface HoverPreviewProps extends ActionProps {
     hoverPreviewOptions?: HoverPreviewOptions;
     /**
      * Flag to display unresolved views on hover preview.
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
      */
     showAuthTooltip?: boolean;
 }

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

@@ -27,6 +27,9 @@ export type CardWithUrlContentProps = {
     children?: React.ReactNode;
     showHoverPreview?: boolean;
     hoverPreviewOptions?: HoverPreviewOptions;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
+     */
     showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;

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

@@ -96,6 +96,7 @@ export type FlexibleCardProps = {
     /**
      * Determines whether to show an unauthorised view of the hover card
      * when a user hovers over a smartlink.
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
      */
     showAuthTooltip?: boolean;
 };

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

@@ -15,8 +15,13 @@ export interface InlineCardUnauthorizedViewProps {
     isSelected?: boolean;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
     testId?: string;
-    /** A flag that determines is a tooltip should show up on hover over the unauthorised link */
+    /**
+     * A flag that determines is a tooltip should show up on hover over the unauthorised link
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
+     */
     showAuthTooltip?: boolean;
+    /** Enables showing a custom preview on hover of link */
+    showHoverPreview?: boolean;
     /** A smart link id that may be used in analytics */
     id?: string;
     /** An AnalyticsFacade object used for calling analytics. */
@@ -26,4 +31,4 @@ export interface InlineCardUnauthorizedViewProps {
     /** Truncates the card to one line */
     truncateInline?: boolean;
 }
-export declare const InlineCardUnauthorizedView: ({ url, id, icon, onAuthorise, onClick, isSelected, testId, showAuthTooltip, truncateInline, context, }: InlineCardUnauthorizedViewProps) => JSX.Element;
+export declare const InlineCardUnauthorizedView: ({ url, id, icon, onAuthorise, onClick, isSelected, testId, showAuthTooltip, showHoverPreview, truncateInline, context, }: InlineCardUnauthorizedViewProps) => JSX.Element;

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

@@ -23,6 +23,9 @@ export type InlineCardProps = {
     renderers?: CardProviderRenderers;
     showHoverPreview?: boolean;
     hoverPreviewOptions?: HoverPreviewOptions;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-23150 Internal documentation for deprecation (no external access)}
+     */
     showAuthTooltip?: boolean;
     actionOptions?: CardActionOptions;
     analytics: AnalyticsFacade;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "32.7.9",
+	"version": "32.7.11",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -61,7 +61,7 @@
 		"@atlaskit/textarea": "^5.7.0",
 		"@atlaskit/textfield": "^6.7.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -171,6 +171,9 @@
 		"linking_platform_show_lozenge_atlassian_state": {
 			"type": "boolean"
 		},
+		"platform_deprecate-showauthtooltip-smart-card": {
+			"type": "boolean"
+		},
 		"smart_links_for_plans_platform": {
 			"type": "boolean"
 		},