@atlaskit/smart-card 26.23.0 → 26.23.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 26.23.2
+
+### Patch Changes
+
+- [`4c919248f12`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4c919248f12) - cleanup: remove usages of useLozengeAction feature flag
+- Updated dependencies
+
+## 26.23.1
+
+### Patch Changes
+
+- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
+
 ## 26.23.0
 
 ### Minor Changes

package/dist/cjs/extractors/flexible/index.js

@@ -20,7 +20,6 @@ var _extractDownloadAction = require("./actions/extract-download-action");
 var _extractViewAction = require("./actions/extract-view-action");
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    featureFlags = _ref.featureFlags,
     id = _ref.id,
     renderers = _ref.renderers,
     showServerActions = _ref.showServerActions,
@@ -30,7 +29,6 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   }
   var data = response.data;
   var url = (0, _linkExtractors.extractLink)(data);
-  var showLozengeAction = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.useLozengeAction) === 'experiment';
   return {
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
@@ -64,7 +62,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: (0, _primitives.extractSummary)(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: (0, _utils.extractSourceBranch)(data),
-    state: (0, _extractState.default)(response, showServerActions || showLozengeAction, id),
+    state: (0, _extractState.default)(response, showServerActions, id),
     subscriberCount: (0, _utils.extractSubscriberCount)(data),
     subTasksProgress: (0, _utils.extractSubTasksProgress)(data),
     storyPoints: (0, _utils.extractStoryPoints)(data),

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

@@ -21,7 +21,7 @@ exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.23.0"
+  packageVersion: "26.23.2"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {

package/dist/cjs/view/BlockCard/components/Emoji.js

@@ -19,7 +19,7 @@ var Emoji = function Emoji(_ref) {
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      marginTop: '-2px'
+      marginTop: "var(--ds-space-negative-025, -2px)"
     }
   }, emoji);
 };

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

@@ -66,7 +66,7 @@ var height = function height(_ref5) {
   return inheritDimensions ? 'height: 100%;' : "height: ".concat((0, _utils.gs)(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\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    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: calc(-1 * ", "var(--ds-space-100, 8px)", ");\n    ").concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
+  return "\n  ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\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    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: ", "var(--ds-space-negative-100, -8px)", ";\n    ").concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
 };
 var visibleStyles = "\n  ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "" : "background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";"), "\n\n  &:after {\n    ").concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border-input, ".concat(colors.N40, ")"), ";\n           background-color: ", (0, _components.themed)({
   light: "var(--ds-surface-raised, white)",

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

@@ -12,7 +12,7 @@ var triggerButtonStyles = (0, _react.css)(_templateObject || (_templateObject =
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 exports.triggerButtonStyles = triggerButtonStyles;
-var triggerLozengeStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n\n  span[role='img'] {\n    margin: calc(-1 * ", ")\n      calc(-1 * ", ")\n      calc(-1 * ", ") -1px;\n  }\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");
+var triggerLozengeStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n\n  span[role='img'] {\n    margin: ", "\n      ", "\n      ", " -1px;\n  }\n"])), "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-100, -8px)", "var(--ds-space-negative-050, -4px)");
 exports.triggerLozengeStyles = triggerLozengeStyles;
 var dropdownItemGroupStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  max-height: 300px;\n  overflow-y: auto;\n\n  button {\n    padding: ", " ", ";\n    min-height: 28px;\n    width: 220px;\n\n    &:hover {\n      background-color: inherit;\n    }\n\n    &:focus,\n    &:focus-visible {\n      background-color: ", ";\n      box-sizing: border-box;\n      box-shadow: inset 2px 0 0 ", ";\n      outline: none;\n    }\n  }\n"])), "var(--ds-space-075, 6px)", "var(--ds-space-150, 12px)", "var(--ds-background-neutral-subtle-hovered, #091E420F)", "var(--ds-border-selected, #0C66E4)");
 exports.dropdownItemGroupStyles = dropdownItemGroupStyles;

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _linkProvider = require("@atlaskit/link-provider");
 var _constants = require("../../constants");
 var _container = _interopRequireDefault(require("./components/container"));
 var _flexibleUiContext = require("../../state/flexible-ui-context");
@@ -40,23 +39,16 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
-  var useLozengeAction = (0, _linkProvider.useFeatureFlag)('useLozengeAction');
-  var featureFlags = (0, _react.useMemo)(function () {
-    return {
-      useLozengeAction: useLozengeAction
-    };
-  }, [useLozengeAction]);
   var context = (0, _react.useMemo)(function () {
     return (0, _utils.getContextByStatus)({
       response: details,
-      featureFlags: featureFlags,
       id: id,
       renderers: renderers,
       showServerActions: showServerActions,
       status: status,
       url: url
     });
-  }, [details, featureFlags, id, renderers, showServerActions, status, url]);
+  }, [details, id, renderers, showServerActions, status, url]);
   var retry = (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;

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

@@ -26,7 +26,6 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 var _click = require("../../../utils/analytics/click");
 var _store = require("../../../state/store");
-var _linkProvider = require("@atlaskit/link-provider");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -81,7 +80,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     showServerActions = _ref.showServerActions;
-  var useLozengeAction = (0, _linkProvider.useFeatureFlag)('useLozengeAction');
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var defaultAnalytics = (0, _analytics2.useSmartLinkAnalytics)(url, undefined, id);
@@ -156,7 +154,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: useLozengeAction === 'experiment' || showServerActions ? {
+    showServerActions: showServerActions ? {
       showStateActionFeatureDiscovery: true
     } : false,
     ui: _styled.flexibleUiOptions,

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

@@ -21,7 +21,7 @@ var Icon = _styled.default.img(_templateObject || (_templateObject = (0, _tagged
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
 exports.Icon = Icon;
-var AKIconWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-025, 2px)");
+var AKIconWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n"])), "var(--ds-space-negative-025, -2px)");
 exports.AKIconWrapper = AKIconWrapper;
 var Shimmer = function Shimmer(_ref) {
   var testId = _ref.testId;

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

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

package/dist/cjs/view/RedesignedInlineCard/Icon.js

@@ -21,7 +21,7 @@ var Icon = _styled.default.img(_templateObject || (_templateObject = (0, _tagged
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
 exports.Icon = Icon;
-var AKIconWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-025, 2px)");
+var AKIconWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n"])), "var(--ds-space-negative-025, -2px)");
 exports.AKIconWrapper = AKIconWrapper;
 var Shimmer = function Shimmer(_ref) {
   var testId = _ref.testId;

package/dist/cjs/view/RedesignedInlineCard/styled.js

@@ -14,7 +14,6 @@ var LINK_COLOR_DARK = '#4794FF';
 
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
-// There is a workaround for negative token spacing suggested by the design system team. calc(${token} * -1)
 var IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &&& {\n    text-align: initial;\n    display: inline;\n    vertical-align: baseline;\n    border-radius: ", ";\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    padding: ", " ", ";\n    background-clip: padding-box;\n    box-decoration-break: clone;\n  }\n  > span {\n    display: inline;\n    overflow: initial;\n    text-overflow: initial;\n    white-space: initial;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])), "var(--ds-border-radius-100, 2px)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)");
 exports.IconStyledButton = IconStyledButton;
 var NoLinkAppearance = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-left: ", ";\n"])), (0, _components.themed)({

package/dist/es2019/extractors/flexible/index.js

@@ -12,7 +12,6 @@ import { extractPreviewAction } from './actions/extract-preview-action';
 import { extractDownloadAction } from './actions/extract-download-action';
 import { extractViewAction } from './actions/extract-view-action';
 const extractFlexibleUiContext = ({
-  featureFlags,
   id,
   renderers,
   showServerActions,
@@ -23,7 +22,6 @@ const extractFlexibleUiContext = ({
   }
   const data = response.data;
   const url = extractLink(data);
-  const showLozengeAction = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.useLozengeAction) === 'experiment';
   return {
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
@@ -57,7 +55,7 @@ const extractFlexibleUiContext = ({
     snippet: extractSummary(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
-    state: extractState(response, showServerActions || showLozengeAction, id),
+    state: extractState(response, showServerActions, id),
     subscriberCount: extractSubscriberCount(data),
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),

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

package/dist/es2019/view/BlockCard/components/Emoji.js

@@ -12,7 +12,7 @@ export const Emoji = ({
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      marginTop: '-2px'
+      marginTop: "var(--ds-space-negative-025, -2px)"
     }
   }, emoji);
 };

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

@@ -113,7 +113,7 @@ const wrapperStyles = props => `
     position: absolute;
     width: calc(100% + ${"var(--ds-space-200, 16px)"});
     height: calc(100% + ${"var(--ds-space-100, 8px)"});
-    left: calc(-1 * ${"var(--ds-space-100, 8px)"});
+    left: ${"var(--ds-space-negative-100, -8px)"};
     ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : `background: transparent;
            ${borderRadius}`}
   }

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

@@ -31,9 +31,9 @@ export const triggerLozengeStyles = css`
   display: flex;
 
   span[role='img'] {
-    margin: calc(-1 * ${"var(--ds-space-050, 4px)"})
-      calc(-1 * ${"var(--ds-space-100, 8px)"})
-      calc(-1 * ${"var(--ds-space-050, 4px)"}) -1px;
+    margin: ${"var(--ds-space-negative-050, -4px)"}
+      ${"var(--ds-space-negative-100, -8px)"}
+      ${"var(--ds-space-negative-050, -4px)"} -1px;
   }
 `;
 export const dropdownItemGroupStyles = css`

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkStatus } from '../../constants';
 import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
@@ -34,19 +33,14 @@ const FlexibleCard = ({
     details
   } = cardState;
   const status = cardType;
-  const useLozengeAction = useFeatureFlag('useLozengeAction');
-  const featureFlags = useMemo(() => ({
-    useLozengeAction
-  }), [useLozengeAction]);
   const context = useMemo(() => getContextByStatus({
     response: details,
-    featureFlags,
     id,
     renderers,
     showServerActions,
     status,
     url
-  }), [details, featureFlags, id, renderers, showServerActions, status, url]);
+  }), [details, id, renderers, showServerActions, status, url]);
   const retry = getRetryOptions(url, status, details, onAuthorize);
   const {
     title

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

@@ -17,7 +17,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export const hoverCardClassName = 'smart-links-hover-preview';
 export const getCopyAction = url => ({
   name: ActionName.CustomAction,
@@ -44,7 +43,6 @@ const HoverCardContent = ({
   showServerActions
 }) => {
   var _linkState$status, _cardState$details;
-  const useLozengeAction = useFeatureFlag('useLozengeAction');
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
@@ -117,7 +115,7 @@ const HoverCardContent = ({
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: useLozengeAction === 'experiment' || showServerActions ? {
+    showServerActions: showServerActions ? {
       showStateActionFeatureDiscovery: true
     } : false,
     ui: flexibleUiOptions,

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

@@ -23,7 +23,7 @@ export const Icon = styled.img`
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
 export const AKIconWrapper = styled.span`
-  margin-right: calc(-1 * ${"var(--ds-space-025, 2px)"});
+  margin-right: ${"var(--ds-space-negative-025, -2px)"};
 `;
 export const Shimmer = ({
   testId

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.23.0",
+  packageVersion: "26.23.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/RedesignedInlineCard/Icon.js

@@ -23,7 +23,7 @@ export const Icon = styled.img`
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
 export const AKIconWrapper = styled.span`
-  margin-right: calc(-1 * ${"var(--ds-space-025, 2px)"});
+  margin-right: ${"var(--ds-space-negative-025, -2px)"};
 `;
 export const Shimmer = ({
   testId

package/dist/es2019/view/RedesignedInlineCard/styled.js

@@ -5,7 +5,6 @@ const LINK_COLOR_DARK = '#4794FF';
 
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
-// There is a workaround for negative token spacing suggested by the design system team. calc(${token} * -1)
 export const IconStyledButton = styled.span`
   &&& {
     text-align: initial;

package/dist/esm/extractors/flexible/index.js

@@ -13,7 +13,6 @@ import { extractDownloadAction } from './actions/extract-download-action';
 import { extractViewAction } from './actions/extract-view-action';
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    featureFlags = _ref.featureFlags,
     id = _ref.id,
     renderers = _ref.renderers,
     showServerActions = _ref.showServerActions,
@@ -23,7 +22,6 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   }
   var data = response.data;
   var url = extractLink(data);
-  var showLozengeAction = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.useLozengeAction) === 'experiment';
   return {
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
@@ -57,7 +55,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: extractSummary(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
-    state: extractState(response, showServerActions || showLozengeAction, id),
+    state: extractState(response, showServerActions, id),
     subscriberCount: extractSubscriberCount(data),
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),

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

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

package/dist/esm/view/BlockCard/components/Emoji.js

@@ -11,7 +11,7 @@ export var Emoji = function Emoji(_ref) {
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      marginTop: '-2px'
+      marginTop: "var(--ds-space-negative-025, -2px)"
     }
   }, emoji);
 };

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

@@ -53,7 +53,7 @@ var height = function height(_ref5) {
   return inheritDimensions ? 'height: 100%;' : "height: ".concat(gridSize(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\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    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: calc(-1 * ", "var(--ds-space-100, 8px)", ");\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
+  return "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\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    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: ", "var(--ds-space-negative-100, -8px)", ";\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
 };
 var visibleStyles = "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "" : "background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";"), "\n\n  &:after {\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border-input, ".concat(N40, ")"), ";\n           background-color: ", themed({
   light: "var(--ds-surface-raised, white)",

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

@@ -4,5 +4,5 @@ import { css } from '@emotion/react';
 export var triggerButtonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  all: unset;\n  background-color: transparent;\n  color: unset;\n  cursor: pointer;\n  font-family: unset;\n  font-size: unset;\n  font-style: unset;\n  font-weight: unset;\n  font-variant: unset;\n  line-height: 0;\n  padding: 0;\n  text-transform: unset;\n\n  border: 2px solid transparent;\n  margin: ", ";\n\n  &:focus-visible,\n  &:focus-within,\n  &[aria-expanded='true'] {\n    outline: none;\n    box-shadow: 0 0 0 2px ", ";\n    border-radius: 5px;\n  }\n"])), "var(--ds-space-025, 2px)", "var(--ds-border-focused, #388BFF)");
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export var triggerLozengeStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n\n  span[role='img'] {\n    margin: calc(-1 * ", ")\n      calc(-1 * ", ")\n      calc(-1 * ", ") -1px;\n  }\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");
+export var triggerLozengeStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n\n  span[role='img'] {\n    margin: ", "\n      ", "\n      ", " -1px;\n  }\n"])), "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-100, -8px)", "var(--ds-space-negative-050, -4px)");
 export var dropdownItemGroupStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  max-height: 300px;\n  overflow-y: auto;\n\n  button {\n    padding: ", " ", ";\n    min-height: 28px;\n    width: 220px;\n\n    &:hover {\n      background-color: inherit;\n    }\n\n    &:focus,\n    &:focus-visible {\n      background-color: ", ";\n      box-sizing: border-box;\n      box-shadow: inset 2px 0 0 ", ";\n      outline: none;\n    }\n  }\n"])), "var(--ds-space-075, 6px)", "var(--ds-space-150, 12px)", "var(--ds-background-neutral-subtle-hovered, #091E420F)", "var(--ds-border-selected, #0C66E4)");

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkStatus } from '../../constants';
 import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
@@ -31,23 +30,16 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
-  var useLozengeAction = useFeatureFlag('useLozengeAction');
-  var featureFlags = useMemo(function () {
-    return {
-      useLozengeAction: useLozengeAction
-    };
-  }, [useLozengeAction]);
   var context = useMemo(function () {
     return getContextByStatus({
       response: details,
-      featureFlags: featureFlags,
       id: id,
       renderers: renderers,
       showServerActions: showServerActions,
       status: status,
       url: url
     });
-  }, [details, featureFlags, id, renderers, showServerActions, status, url]);
+  }, [details, id, renderers, showServerActions, status, url]);
   var retry = getRetryOptions(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;

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

@@ -19,7 +19,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getCopyAction = function getCopyAction(url) {
   return {
@@ -68,7 +67,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     showServerActions = _ref.showServerActions;
-  var useLozengeAction = useFeatureFlag('useLozengeAction');
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var defaultAnalytics = useSmartLinkAnalytics(url, undefined, id);
@@ -143,7 +141,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: useLozengeAction === 'experiment' || showServerActions ? {
+    showServerActions: showServerActions ? {
       showStateActionFeatureDiscovery: true
     } : false,
     ui: flexibleUiOptions,

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

@@ -14,7 +14,7 @@ export var Icon = styled.img(_templateObject || (_templateObject = _taggedTempla
 // Used for 'untrue' icons which claim to be 16x16 but
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
-export var AKIconWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-025, 2px)");
+export var AKIconWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), "var(--ds-space-negative-025, -2px)");
 export var Shimmer = function Shimmer(_ref) {
   var testId = _ref.testId;
   var skeletonCustomStyles = {

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.23.0",
+  packageVersion: "26.23.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RedesignedInlineCard/Icon.js

@@ -14,7 +14,7 @@ export var Icon = styled.img(_templateObject || (_templateObject = _taggedTempla
 // Used for 'untrue' icons which claim to be 16x16 but
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
-export var AKIconWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-025, 2px)");
+export var AKIconWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), "var(--ds-space-negative-025, -2px)");
 export var Shimmer = function Shimmer(_ref) {
   var testId = _ref.testId;
   var skeletonCustomStyles = {

package/dist/esm/view/RedesignedInlineCard/styled.js

@@ -7,7 +7,6 @@ var LINK_COLOR_DARK = '#4794FF';
 
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
-// There is a workaround for negative token spacing suggested by the design system team. calc(${token} * -1)
 export var IconStyledButton = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &&& {\n    text-align: initial;\n    display: inline;\n    vertical-align: baseline;\n    border-radius: ", ";\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    padding: ", " ", ";\n    background-clip: padding-box;\n    box-decoration-break: clone;\n  }\n  > span {\n    display: inline;\n    overflow: initial;\n    text-overflow: initial;\n    white-space: initial;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])), "var(--ds-border-radius-100, 2px)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)");
 export var NoLinkAppearance = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-left: ", ";\n"])), themed({
   light: "var(--ds-text-subtlest, ".concat(N200, ")"),

package/dist/types/extractors/flexible/index.d.ts

@@ -1,4 +1,4 @@
 import { FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ featureFlags, id, renderers, showServerActions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ id, renderers, showServerActions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

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

@@ -139,8 +139,7 @@ export type FlexibleUiOptions = {
 export type ServerActionOptions = {
     /**
      * DO NOT USE: This prop is part of an experiment. It will be removed once
-     * the experiment is completed. To be cleaned up on
-     * https://product-fabric.atlassian.net/browse/EDM-5795
+     * the experiment is completed.
      * @see https://team.atlassian.com/project/ATLAS-13099/about
      * @internal
      * @deprecated

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

@@ -1,4 +1,4 @@
 import { FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ featureFlags, id, renderers, showServerActions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ id, renderers, showServerActions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

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

@@ -139,8 +139,7 @@ export type FlexibleUiOptions = {
 export type ServerActionOptions = {
     /**
      * DO NOT USE: This prop is part of an experiment. It will be removed once
-     * the experiment is completed. To be cleaned up on
-     * https://product-fabric.atlassian.net/browse/EDM-5795
+     * the experiment is completed.
      * @see https://team.atlassian.com/project/ATLAS-13099/about
      * @internal
      * @deprecated

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.23.0",
+  "version": "26.23.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/link-analytics": "^8.2.0",
     "@atlaskit/link-client-extension": "^1.6.0",
     "@atlaskit/link-extractors": "^1.1.0",
-    "@atlaskit/linking-common": "^4.6.0",
+    "@atlaskit/linking-common": "^4.7.0",
     "@atlaskit/linking-types": "^8.3.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
@@ -48,7 +48,7 @@
     "@atlaskit/popup": "^1.9.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.21.0",
+    "@atlaskit/tokens": "^1.22.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",