@atlaskit/smart-card 39.0.0 → 39.2.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/smart-card
 
+## 39.2.0
+
+### Minor Changes
+
+- [#182230](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/182230)
+  [`f11dd07fddad7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f11dd07fddad7) -
+  [ux] EDM-11898 cleaning up platform-linking-visual-refresh-v1
+
+## 39.1.0
+
+### Minor Changes
+
+- [#175869](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175869)
+  [`e7f822af7edc1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e7f822af7edc1) -
+  Updated usages of deprecated icons with replacement icons
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 39.0.0
 
 ### Major Changes

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

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

package/dist/cjs/view/BlockCard/views/ForbiddenView.js

@@ -19,7 +19,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _extractAccessContext = require("../../../extractors/common/context/extractAccessContext");
 var _extractHostname = _interopRequireDefault(require("../../../extractors/common/hostname/extractHostname"));
 var _messages = require("../../../messages");
@@ -103,7 +102,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
       descriptor: (0, _intlUtils.toMessage)(_messages.messages.invalid_permissions_description, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.descriptiveMessageKey),
       values: messageContext
     },
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_syaz1fxt"])
+    className: (0, _runtime.ax)(["_syaz1fxt"])
   }));
 };
 var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(ForbiddenView);

package/dist/cjs/view/BlockCard/views/NotFoundView.js

@@ -17,7 +17,6 @@ var _reactIntlNext = require("react-intl-next");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../../messages");
 var _baseTextElement = _interopRequireDefault(require("../../FlexibleCard/components/elements/common/base-text-element"));
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
@@ -66,7 +65,7 @@ var NotFoundView = function NotFoundView(_ref) {
     message: description,
     testId: "".concat(testId, "-message"),
     maxLines: 3,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_syaz1fxt"])
+    className: (0, _runtime.ax)(["_syaz1fxt"])
   }));
 };
 var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(NotFoundView);

package/dist/cjs/view/BlockCard/views/ResolvedView.compiled.css

@@ -1,14 +1,9 @@
 
-._zulpcxkx{gap:var(--ds-space-100,.5rem)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
 ._1bah1yb4{justify-content:space-between}
 ._1e0c1txw{display:flex}
-._1sxbcxkx span[data-smart-element-avatar-group]>ul{margin-right:var(--ds-space-100,.5rem)}
 ._1wpz1fhb{align-self:stretch}
 ._2yhz14q2 [data-smart-element=Title]{color:var(--ds-link,#0c66e4)}
 ._4cvresu3{align-items:flex-end}
 ._4t3i1k8s{height:1.5rem}
-._4t3i1osq{height:100%}
-._g0eioxwj .actions-button-group button, ._1qryoxwj .actions-button-group button:active, ._sxbroxwj .actions-button-group button:focus, ._1gyioxwj .actions-button-group button:hover{font-size:.875rem}
-._i8d01j6v [data-smart-element-group]{line-height:1rem}
-._wwyvidpf span[data-smart-element-avatar-group]>ul{padding-left:0}
+._4t3i1osq{height:100%}

package/dist/cjs/view/BlockCard/views/ResolvedView.js

@@ -21,12 +21,9 @@ var _blocks = require("../../FlexibleCard/components/blocks");
 var _utils = require("./utils");
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var titleBlockCssOld = null;
 var titleBlockCss = null;
-var footerBlockCssOld = null;
 var footerBlockCss = null;
 var footerBlockSafariStyles = null;
-var metadataBlockCssOld = null;
 
 /**
  * This view represents a Block card that has an 'Resolved' status.
@@ -102,21 +99,17 @@ var ResolvedView = function ResolvedView(_ref) {
     CompetitorPrompt: CompetitorPrompt,
     url: url,
     hideIconLoadingSkeleton: hideIconLoadingSkeleton,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulpcxkx _13mh1pd9"])
+    className: (0, _runtime.ax)(["_zulpu2gc _13mh1pd9 _2yhz14q2"])
   })), /*#__PURE__*/React.createElement(_blocks.MetadataBlock, (0, _extends2.default)({
     primary: topMetadata,
     maxLines: 1
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: _constants.SmartLinkStatus.Resolved
-  }, {
-    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_wwyvidpf _1sxbcxkx _i8d01j6v"])
   })), /*#__PURE__*/React.createElement(_blocks.SnippetBlock, null), /*#__PURE__*/React.createElement(_blocks.MetadataBlock, (0, _extends2.default)({
     primary: bottomMetadata,
     maxLines: 1
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: _constants.SmartLinkStatus.Resolved
-  }, {
-    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_wwyvidpf _1sxbcxkx _i8d01j6v"])
   })), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(_blocks.PreviewBlock, (0, _extends2.default)({}, _utils.PreviewBlockOptions, {
     onError: function onError() {
       setIsPreviewBlockErrored(true);
@@ -128,7 +121,7 @@ var ResolvedView = function ResolvedView(_ref) {
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: _constants.SmartLinkStatus.Resolved
   }, {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb" : "_4t3i1k8s _g0eioxwj _1qryoxwj _sxbroxwj _1gyioxwj", safari && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && "_4t3i1osq"])
+    className: (0, _runtime.ax)(["_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb", safari && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && "_4t3i1osq"])
   })));
 };
 var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(ResolvedView);

package/dist/cjs/view/BlockCard/views/UnauthorisedView.compiled.css

@@ -1,5 +1,3 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._19pkcxkx{margin-top:var(--ds-space-100,.5rem)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
-._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._syaz1fxt{color:var(--ds-text,#172b4d)}

package/dist/cjs/view/BlockCard/views/UnauthorisedView.js

@@ -15,7 +15,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _reactIntlNext = require("react-intl-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../messages");
 var _helpers = require("../../../state/helpers");
@@ -25,7 +24,6 @@ var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var contentStylesOld = null;
 var contentStyles = null;
 
 /**
@@ -71,7 +69,7 @@ var UnauthorisedView = function UnauthorisedView(_ref) {
     testId: testId
   }), /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testId, "-content"),
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c8dcr7 _syaz1fxt _19pku2gc" : "_11c8dcr7 _syaz131l _19pkcxkx"])
+    className: (0, _runtime.ax)(["_11c8dcr7 _syaz1fxt _19pku2gc"])
   }, content));
 };
 var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(UnauthorisedView);

package/dist/cjs/view/BlockCard/views/unresolved-view/index.compiled.css

@@ -1,6 +1,5 @@
 
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._zulp1f3t{gap:var(--ds-space-100,.5em)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
 ._1bah1yb4{justify-content:space-between}
 ._1e0c1txw{display:flex}
@@ -11,5 +10,4 @@
 ._4t3i1k8s{height:1.5rem}
 ._4t3i1osq{height:100%}
 ._7yjtidpf >div{margin-top:0}
-._g0eioxwj .actions-button-group button, ._1qryoxwj .actions-button-group button:active, ._sxbroxwj .actions-button-group button:focus, ._1gyioxwj .actions-button-group button:hover{font-size:.875rem}
 ._ngc01fxt >div{color:var(--ds-text,#172b4d)}

package/dist/cjs/view/BlockCard/views/unresolved-view/index.js

@@ -18,11 +18,8 @@ var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
 var _blocks = require("../../../FlexibleCard/components/blocks");
 var _utils = require("../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var customBlockStylesOld = null;
 var customBlockStyles = null;
-var titleBlockCssOld = null;
 var titleBlockCss = null;
-var footerBlockCssOld = null;
 var footerBlockCss = null;
 var footerBlockSafariStyles = null;
 var UnresolvedView = function UnresolvedView(_ref) {
@@ -60,11 +57,11 @@ var UnresolvedView = function UnresolvedView(_ref) {
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: cardState.status
   }, {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulp1f3t _13mh1pd9"])
+    className: (0, _runtime.ax)(["_zulpu2gc _13mh1pd9 _2yhz14q2"])
   })), /*#__PURE__*/React.createElement(_blocks.CustomBlock, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: cardState.status
   }, {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt" : "_4cvr1y6m"])
+    className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt"])
   }), children), showPreview && /*#__PURE__*/React.createElement(_blocks.PreviewBlock, (0, _extends2.default)({}, _utils.PreviewBlockOptions, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: cardState.status
   })), /*#__PURE__*/React.createElement(_blocks.InternalFooterBlock, (0, _extends2.default)({
@@ -73,7 +70,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: cardState.status
   }, {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb" : "_4t3i1k8s _g0eioxwj _1qryoxwj _sxbroxwj _1gyioxwj", safari && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && "_4t3i1osq"])
+    className: (0, _runtime.ax)(["_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb", safari && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && "_4t3i1osq"])
   })));
 };
 var _default = exports.default = UnresolvedView;

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

@@ -52,126 +52,52 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     linkType: "embed"
   }) : null;
   var renderHeader = function renderHeader() {
-    if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-      return frameStyle !== 'hide' && /*#__PURE__*/React.createElement("div", {
-        className: (0, _runtime.ax)([styles.header, "embed-header"])
-      }, /*#__PURE__*/React.createElement("div", {
-        className: (0, _runtime.ax)([styles.leftSection])
-      }, /*#__PURE__*/React.createElement("div", {
-        className: (0, _runtime.ax)([styles.headerIcon])
-      }, icon), /*#__PURE__*/React.createElement("div", {
-        className: (0, _runtime.ax)([styles.tooltipWrapper])
-      }, !isPlaceholder && /*#__PURE__*/React.createElement(_tooltip.default, {
-        content: text,
-        hideTooltipOnMouseDown: true
-      }, /*#__PURE__*/React.createElement("a", {
-        href: href,
-        onClick: handleClick,
-        onMouseDown: handleMouseDown,
-        className: (0, _runtime.ax)([styles.headerAnchor])
-      }, text)))), CompetitorPromptComponent);
-    }
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      React.createElement(_styled.HeaderOldVisualRefresh, {
-        className: "embed-header",
-        frameStyle: frameStyle
-      }, /*#__PURE__*/React.createElement(_styled.IconWrapperOldVisualRefresh, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(_styled.TooltipWrapperOldVisualRefresh, null, /*#__PURE__*/React.createElement(_tooltip.default, {
-        content: text,
-        hideTooltipOnMouseDown: true
-      }, /*#__PURE__*/React.createElement(_styled.TextWrapperOldVisualRefresh, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder &&
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
-      React.createElement("a", {
-        href: href,
-        onClick: handleClick,
-        onMouseDown: handleMouseDown
-      }, text)))))
-    );
+    return frameStyle !== 'hide' && /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)([styles.header, "embed-header"])
+    }, /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)([styles.leftSection])
+    }, /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)([styles.headerIcon])
+    }, icon), /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)([styles.tooltipWrapper])
+    }, !isPlaceholder && /*#__PURE__*/React.createElement(_tooltip.default, {
+      content: text,
+      hideTooltipOnMouseDown: true
+    }, /*#__PURE__*/React.createElement("a", {
+      href: href,
+      onClick: handleClick,
+      onMouseDown: handleMouseDown,
+      className: (0, _runtime.ax)([styles.headerAnchor])
+    }, text)))), CompetitorPromptComponent);
   };
   var interactive = isInteractive();
   var showBackgroundAlways = frameStyle === 'show' || isSelected && frameStyle !== 'hide';
   var showBackgroundOnHover = interactive && frameStyle !== 'hide';
   var renderContent = function renderContent() {
-    if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "embed-content-wrapper",
-        // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
-        // See: HOT-107830
-        contentEditable: false,
-        className: (0, _runtime.ax)([styles.contentStyle, setOverflow && allowScrollBar && styles.contentOverflowAuto, interactive && !showBackgroundAlways && !showBackgroundOnHover && styles.contentInteractiveActiveBorder])
-      }, children);
-    }
-    return /*#__PURE__*/React.createElement(_styled.ContentOldVisualRefresh, {
+    return /*#__PURE__*/React.createElement("div", {
       "data-testid": "embed-content-wrapper",
-      allowScrollBar: allowScrollBar,
-      removeOverflow: !setOverflow,
-      isInteractive: isInteractive(),
-      frameStyle: frameStyle
       // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
       // See: HOT-107830
-      ,
-      contentEditable: 'false',
-      suppressContentEditableWarning: true
+      contentEditable: false,
+      className: (0, _runtime.ax)([styles.contentStyle, setOverflow && allowScrollBar && styles.contentOverflowAuto, interactive && !showBackgroundAlways && !showBackgroundOnHover && styles.contentInteractiveActiveBorder])
     }, children);
   };
-  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: (0, _runtime.ax)([styles.linkWrapper, inheritDimensions && styles.linkWrapperInheritDimensions, isSelected && frameStyle !== 'hide' && styles.linkWrapperSelected, showBackgroundAlways && styles.linkWrapperBorderAndBackground, showBackgroundOnHover && !showBackgroundAlways && styles.linkWrapperInteractiveNotHidden, _styled.className]),
-      style: {
-        minWidth: minWidth ? "".concat(minWidth, "px") : '',
-        maxWidth: maxWidth ? "".concat(maxWidth, "px") : ''
-      },
-      "data-testid": testId,
-      "data-trello-do-not-use-override": testId
-      // Due to limitations of testing library, we can't assert ::after
-      ,
-      "data-is-selected": isSelected
-    }, (isPlaceholder || !href) && {
-      'data-wrapper-type': 'default',
-      'data-is-interactive': isInteractive()
-    }), renderHeader(), renderContent());
-  }
-  if (!isPlaceholder && href) {
-    return /*#__PURE__*/React.createElement(_styled.LinkWrapperOldVisualRefresh
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: _styled.className,
-      isInteractive: isInteractive(),
-      isSelected: isSelected,
-      frameStyle: frameStyle,
-      minWidth: minWidth,
-      maxWidth: maxWidth,
-      "data-testid": testId,
-      "data-trello-do-not-use-override": testId
-      // Due to limitations of testing library, we can't assert ::after
-      ,
-      "data-is-selected": isSelected,
-      inheritDimensions: inheritDimensions
-    }, renderHeader(), renderContent());
-  } else {
-    return /*#__PURE__*/React.createElement(_styled.WrapperOldVisualRefresh
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: _styled.className,
-      isInteractive: isInteractive(),
-      isSelected: isSelected,
-      minWidth: minWidth,
-      frameStyle: frameStyle,
-      maxWidth: maxWidth,
-      "data-testid": testId,
-      "data-trello-do-not-use-override": testId,
-      "data-is-selected": isSelected,
-      "data-wrapper-type": "default",
-      "data-is-interactive": isInteractive()
-    }, renderHeader(), renderContent());
-  }
+    className: (0, _runtime.ax)([styles.linkWrapper, inheritDimensions && styles.linkWrapperInheritDimensions, isSelected && frameStyle !== 'hide' && styles.linkWrapperSelected, showBackgroundAlways && styles.linkWrapperBorderAndBackground, showBackgroundOnHover && !showBackgroundAlways && styles.linkWrapperInteractiveNotHidden, _styled.className]),
+    style: {
+      minWidth: minWidth ? "".concat(minWidth, "px") : '',
+      maxWidth: maxWidth ? "".concat(maxWidth, "px") : ''
+    },
+    "data-testid": testId,
+    "data-trello-do-not-use-override": testId
+    // Due to limitations of testing library, we can't assert ::after
+    ,
+    "data-is-selected": isSelected
+  }, (isPlaceholder || !href) && {
+    'data-wrapper-type': 'default',
+    'data-is-interactive': isInteractive()
+  }), renderHeader(), renderContent());
 };
 var styles = {
   linkWrapper: "_zulpu2gc _kqswh2mm _1e0c1txw _2lx21bp4 _4t3ik5xz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _uiztglyw _qc5o94zs _14mj1crf _aetrb3bt _18postnw _15l2idpf _32rxidpf _1x88idpf _19doidpf _1hfk1j28 _1bqqidpf _u94kidpf _1ifiidpf",

package/dist/cjs/view/EmbedCard/components/styled.compiled.css

@@ -1,95 +1,15 @@
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._14mjpd34:after{border-radius:var(--ds-border-radius-200,8px)}
-._18s81xf9{margin:0 var(--ds-space-100,8px) var(--ds-space-100,8px)}
-._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
-._1u3rh6cr:hover:after{border:1px solid var(--ds-border,#dfe1e6)}
-._1yt4h8dc{padding:0 var(--ds-space-100,8px)}
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
-._eq431kw7:after{border:inherit}
-._eq43h6cr:after{border:1px solid var(--ds-border,#dfe1e6)}
-._qc5o94zs:after{transition:background .3s,box-shadow .3s}
-._v56414ba{transition:box-shadow .3s}
-._v5641y8x{transition:background .3s}
-._v564ojwh{transition:opacity .3s cubic-bezier(.15,1,.3,1)}
-._154ixy5q{top:var(--ds-space-400,2pc)}
-._18m915vq{overflow-y:hidden}
-._18m91wug{overflow-y:auto}
-._18postnw:after{position:absolute}
-._18u01wug{margin-left:auto}
+
+._2rko1sit{border-radius:var(--ds-border-radius,3px)}._18m915vq{overflow-y:hidden}
 ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
-._19do1kw7:after{left:inherit}
-._19doidpf:after{left:0}
-._19dox0bf:after{left:var(--ds-space-negative-100,-8px)}
-._19pk19bv{margin-top:10px}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
-._19pkidpf{margin-top:0}
 ._1aaxusic{float:right}
-._1bsb176v{width:125px}
 ._1bsb17ym{width:var(--_rcxkve)}
-._1bsb1osq{width:100%}
-._1bsb7vkz{width:1pc}
 ._1bsbckbl{width:3pc}
-._1bsbwgg2{width:calc(100% - var(--ds-space-200, 1pc) - 2px)}
-._1bto1l2s{text-overflow:ellipsis}
-._1e0c116y{display:inline-flex}
-._1e0c1txw{display:flex}
-._1g4jidpf >.embed-preview>div{margin-bottom:0}
-._1hfk1kw7:after{background-color:inherit}
-._1hfkhp5a:after{background-color:var(--ds-surface-raised,#fff)}
-._1ifiidpf .embed-header{opacity:0}
-._1ifikb7n .embed-header{opacity:1}
 ._1itk2pcs{background-image:var(--_13orr8u)}
 ._1lrw1dfr{background-size:cover}
-._1pbykb7n{z-index:1}
-._1qdg1rgy:after{height:calc(100% + var(--ds-space-100, 8px))}
 ._1reo15vq{overflow-x:hidden}
-._1reo1wug{overflow-x:auto}
-._1ul91pd6{min-width:var(--_10q0298)}
-._2hwx1b66{margin-right:var(--ds-space-050,4px)}
-._2hwx1wug{margin-right:auto}
 ._2hwxidpf{margin-right:0}
-._2lx21bp4{flex-direction:column}
-._4cvr1h6o{align-items:center}
 ._4t3i17ym{height:var(--_rcxkve)}
-._4t3i1crf{height:9pt}
-._4t3i1j2a{height:calc(100% - var(--ds-space-400, 2pc))}
-._4t3i1osq{height:100%}
-._4t3i7vkz{height:1pc}
 ._4t3ickbl{height:3pc}
-._4t3ik5xz{height:27pc}
-._4t3izwfg{height:2pc}
-._4tpuhp5a:hover:after{background-color:var(--ds-surface-raised,#fff)}
-._631ousvi:after{box-sizing:border-box}
-._6syz1kw7:after{cursor:inherit}
-._6syztlke:after{cursor:pointer}
-._8x3u1kw7:after{box-shadow:inherit}
-._8x3umqxb:after{box-shadow:0 0 0 3px var(--ds-border-selected,#4c9aff)}
-._aetrb3bt:after{content:""}
-._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
 ._bfhkqrzy{background-color:var(--ds-skeleton,#ebecf0)}
-._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._hlq8idpf >.embed-preview>div{margin-top:0}
-._jk3p1wug >.embed-preview>div{margin-left:auto}
-._kqswh2mm{position:relative}
-._kqswstnw{position:absolute}
-._o5721q9c{white-space:nowrap}
-._otyridpf{margin-bottom:0}
-._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
-._p12f1ayu{max-width:var(--_1et2rhb)}
-._rd9b1wug >.embed-preview>div{margin-right:auto}
-._syaz1rc1{color:var(--ds-text-subtlest,#5e6c84)}
-._syazqjbk{color:var(--ds-icon,#5e6c84)}
-._tzy4idpf{opacity:0}
-._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
-._vchhusvi{box-sizing:border-box}
-._vwz44jg8{line-height:normal}
-._x148idpf:hover .embed-header{opacity:0}
-._x148kb7n:hover .embed-header{opacity:1}
-._z0ai1osq:after{width:100%}
-._z0aie9lw:after{width:calc(100% + var(--ds-space-200, 1pc))}
-._1bnxglyw:hover{text-decoration-line:none}
-._9oik1r31:hover{text-decoration-color:currentColor}
-._jf4cnqa1:hover{text-decoration-style:solid}
-._1di629zg:active{background-color:var(--ds-background-selected,#deebff)}
+._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}