@atlaskit/smart-card 39.1.0 → 39.2.1

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

@@ -7,7 +7,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import { handleClickCommon } from '../../common/utils';
-import { className, ContentOldVisualRefresh, HeaderOldVisualRefresh, IconWrapperOldVisualRefresh, LinkWrapperOldVisualRefresh, TextWrapperOldVisualRefresh, TooltipWrapperOldVisualRefresh, WrapperOldVisualRefresh } from './styled';
+import { className } from './styled';
 export var ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
@@ -43,126 +43,52 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     linkType: "embed"
   }) : null;
   var renderHeader = function renderHeader() {
-    if (fg('platform-linking-visual-refresh-v1')) {
-      return frameStyle !== 'hide' && /*#__PURE__*/React.createElement("div", {
-        className: ax([styles.header, "embed-header"])
-      }, /*#__PURE__*/React.createElement("div", {
-        className: ax([styles.leftSection])
-      }, /*#__PURE__*/React.createElement("div", {
-        className: ax([styles.headerIcon])
-      }, icon), /*#__PURE__*/React.createElement("div", {
-        className: ax([styles.tooltipWrapper])
-      }, !isPlaceholder && /*#__PURE__*/React.createElement(Tooltip, {
-        content: text,
-        hideTooltipOnMouseDown: true
-      }, /*#__PURE__*/React.createElement("a", {
-        href: href,
-        onClick: handleClick,
-        onMouseDown: handleMouseDown,
-        className: 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(HeaderOldVisualRefresh, {
-        className: "embed-header",
-        frameStyle: frameStyle
-      }, /*#__PURE__*/React.createElement(IconWrapperOldVisualRefresh, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(TooltipWrapperOldVisualRefresh, null, /*#__PURE__*/React.createElement(Tooltip, {
-        content: text,
-        hideTooltipOnMouseDown: true
-      }, /*#__PURE__*/React.createElement(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: ax([styles.header, "embed-header"])
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ax([styles.leftSection])
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ax([styles.headerIcon])
+    }, icon), /*#__PURE__*/React.createElement("div", {
+      className: ax([styles.tooltipWrapper])
+    }, !isPlaceholder && /*#__PURE__*/React.createElement(Tooltip, {
+      content: text,
+      hideTooltipOnMouseDown: true
+    }, /*#__PURE__*/React.createElement("a", {
+      href: href,
+      onClick: handleClick,
+      onMouseDown: handleMouseDown,
+      className: 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 (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: ax([styles.contentStyle, setOverflow && allowScrollBar && styles.contentOverflowAuto, interactive && !showBackgroundAlways && !showBackgroundOnHover && styles.contentInteractiveActiveBorder])
-      }, children);
-    }
-    return /*#__PURE__*/React.createElement(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: ax([styles.contentStyle, setOverflow && allowScrollBar && styles.contentOverflowAuto, interactive && !showBackgroundAlways && !showBackgroundOnHover && styles.contentInteractiveActiveBorder])
     }, children);
   };
-  if (fg('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/React.createElement("div", _extends({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: ax([styles.linkWrapper, inheritDimensions && styles.linkWrapperInheritDimensions, isSelected && frameStyle !== 'hide' && styles.linkWrapperSelected, showBackgroundAlways && styles.linkWrapperBorderAndBackground, showBackgroundOnHover && !showBackgroundAlways && styles.linkWrapperInteractiveNotHidden, 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(LinkWrapperOldVisualRefresh
+  return /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: 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(WrapperOldVisualRefresh
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: 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: ax([styles.linkWrapper, inheritDimensions && styles.linkWrapperInheritDimensions, isSelected && frameStyle !== 'hide' && styles.linkWrapperSelected, showBackgroundAlways && styles.linkWrapperBorderAndBackground, showBackgroundOnHover && !showBackgroundAlways && styles.linkWrapperInteractiveNotHidden, 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/esm/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)}

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

@@ -3,20 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "style"],
-  _excluded2 = ["isSelected", "frameStyle", "minWidth", "maxWidth", "isInteractive", "inheritDimensions"],
-  _excluded3 = ["as", "style"],
-  _excluded4 = ["isSelected", "frameStyle", "minWidth", "maxWidth", "isInteractive", "inheritDimensions"],
-  _excluded5 = ["as", "style"],
-  _excluded6 = ["frameStyle"],
-  _excluded7 = ["as", "style"],
-  _excluded8 = ["isPlaceholder"],
-  _excluded9 = ["as", "style"],
-  _excluded0 = ["isPlaceholder"],
-  _excluded1 = ["as", "style"],
-  _excluded10 = ["as", "style"],
-  _excluded11 = ["removeOverflow", "allowScrollBar", "frameStyle"],
-  _excluded12 = ["as", "style"],
-  _excluded13 = ["as", "style"];
+  _excluded2 = ["as", "style"];
 import "./styled.compiled.css";
 import { forwardRef } from 'react';
 import * as React from 'react';
@@ -25,160 +12,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 /* eslint-disable @atlaskit/ui-styling-standard/no-dynamic-styles */
 
-import { B100, B50, N30, N300, N40 } from '@atlaskit/theme/colors';
+import { N30 } from '@atlaskit/theme/colors';
 export var className = 'media-card-frame';
 export var embedHeaderHeight = 32;
-// TODO Delete when cleaning platform-linking-visual-refresh-v1
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-export var LinkWrapperOldVisualRefresh = forwardRef(function (_ref, __cmplr) {
-  var _ref$as = _ref.as,
-    C = _ref$as === void 0 ? "div" : _ref$as,
-    __cmpls = _ref.style,
-    __cmplp = _objectWithoutProperties(_ref, _excluded);
-  var isSelected = __cmplp.isSelected,
-    frameStyle = __cmplp.frameStyle,
-    minWidth = __cmplp.minWidth,
-    maxWidth = __cmplp.maxWidth,
-    isInteractive = __cmplp.isInteractive,
-    inheritDimensions = __cmplp.inheritDimensions,
-    __cmpldp = _objectWithoutProperties(__cmplp, _excluded2);
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmpldp, {
-    style: _objectSpread(_objectSpread({}, __cmpls), {}, {
-      "--_10q0298": ix(__cmplp.minWidth, "px"),
-      "--_1et2rhb": ix(__cmplp.maxWidth, "px")
-    }),
-    ref: __cmplr,
-    className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _v5641y8x _1e0c116y _2lx21bp4 _vchhusvi _ect41gqc _1bsb1osq _uiztglyw _vwz44jg8 _kqswh2mm _qc5o94zs _14mjpd34 _aetrb3bt _18postnw _1qdg1rgy _9oik1r31 _1bnxglyw _jf4cnqa1", __cmplp.isSelected && __cmplp.frameStyle === 'hide' ? "_2rkoiti9" : "_2rkopd34", __cmplp.minWidth && "_1ul91pd6", __cmplp.maxWidth && "_p12f1ayu", __cmplp.isInteractive && __cmplp.frameStyle !== 'hide' && "_1u3rh6cr", __cmplp.isInteractive && __cmplp.frameStyle !== 'hide' && "_4tpuhp5a", __cmplp.isInteractive && __cmplp.frameStyle !== 'hide' ? "_x148kb7n" : "_x148idpf", __cmplp.isInteractive && "_1di629zg", __cmplp.frameStyle === 'show' || __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_1ifikb7n" : "_1ifiidpf", __cmplp.inheritDimensions ? "_4t3i1osq" : "_4t3ik5xz", __cmplp.frameStyle === 'show' && "_631ousvi", __cmplp.frameStyle === 'show' ? "_z0ai1osq" : "_z0aie9lw", __cmplp.frameStyle !== 'show' ? "_19dox0bf" : __cmplp.isSelected ? "_19doidpf" : "_19do1kw7", __cmplp.frameStyle === 'show' || __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_eq43h6cr" : "_eq431kw7", __cmplp.frameStyle === 'show' || __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_1hfkhp5a" : "_1hfk1kw7", __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_6syztlke" : "_6syz1kw7", __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_8x3umqxb" : "_8x3u1kw7", __cmplp.className])
-  }));
-});
-
-// TODO Delete when cleaning platform-linking-visual-refresh-v1
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-if (process.env.NODE_ENV !== 'production') {
-  LinkWrapperOldVisualRefresh.displayName = 'LinkWrapperOldVisualRefresh';
-}
-export var WrapperOldVisualRefresh = forwardRef(function (_ref2, __cmplr) {
-  var _ref2$as = _ref2.as,
-    C = _ref2$as === void 0 ? "div" : _ref2$as,
-    __cmpls = _ref2.style,
-    __cmplp = _objectWithoutProperties(_ref2, _excluded3);
-  var isSelected = __cmplp.isSelected,
-    frameStyle = __cmplp.frameStyle,
-    minWidth = __cmplp.minWidth,
-    maxWidth = __cmplp.maxWidth,
-    isInteractive = __cmplp.isInteractive,
-    inheritDimensions = __cmplp.inheritDimensions,
-    __cmpldp = _objectWithoutProperties(__cmplp, _excluded4);
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmpldp, {
-    style: _objectSpread(_objectSpread({}, __cmpls), {}, {
-      "--_10q0298": ix(__cmplp.minWidth, "px"),
-      "--_1et2rhb": ix(__cmplp.maxWidth, "px")
-    }),
-    ref: __cmplr,
-    className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _v5641y8x _1e0c116y _2lx21bp4 _vchhusvi _ect41gqc _1bsb1osq _uiztglyw _vwz44jg8 _kqswh2mm _19pk19bv _qc5o94zs _14mjpd34 _aetrb3bt _18postnw _1qdg1rgy", __cmplp.isSelected && __cmplp.frameStyle === 'hide' ? "_2rkoiti9" : "_2rkopd34", __cmplp.minWidth && "_1ul91pd6", __cmplp.maxWidth && "_p12f1ayu", __cmplp.isInteractive && __cmplp.frameStyle !== 'hide' && "_1u3rh6cr", __cmplp.isInteractive && __cmplp.frameStyle !== 'hide' && "_4tpuhp5a", __cmplp.isInteractive && __cmplp.frameStyle !== 'hide' ? "_x148kb7n" : "_x148idpf", __cmplp.isInteractive && "_1di629zg", __cmplp.frameStyle === 'show' || __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_1ifikb7n" : "_1ifiidpf", __cmplp.inheritDimensions ? "_4t3i1osq" : "_4t3ik5xz", __cmplp.frameStyle === 'show' && "_631ousvi", __cmplp.frameStyle === 'show' ? "_z0ai1osq" : "_z0aie9lw", __cmplp.frameStyle !== 'show' ? "_19dox0bf" : __cmplp.isSelected ? "_19doidpf" : "_19do1kw7", __cmplp.frameStyle === 'show' || __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_eq43h6cr" : "_eq431kw7", __cmplp.frameStyle === 'show' ? "_1hfkhp5a" : "_1hfk1kw7", __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_6syztlke" : "_6syz1kw7", __cmplp.isSelected && __cmplp.frameStyle !== 'hide' ? "_8x3umqxb" : "_8x3u1kw7", __cmplp.className])
-  }));
-});
-
-// TODO Delete when cleaning platform-linking-visual-refresh-v1
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-if (process.env.NODE_ENV !== 'production') {
-  WrapperOldVisualRefresh.displayName = 'WrapperOldVisualRefresh';
-}
-export var HeaderOldVisualRefresh = forwardRef(function (_ref3, __cmplr) {
-  var _ref3$as = _ref3.as,
-    C = _ref3$as === void 0 ? "div" : _ref3$as,
-    __cmpls = _ref3.style,
-    __cmplp = _objectWithoutProperties(_ref3, _excluded5);
-  var frameStyle = __cmplp.frameStyle,
-    __cmpldp = _objectWithoutProperties(__cmplp, _excluded6);
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmpldp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_v564ojwh _4t3izwfg _kqswstnw _1pbykb7n _1bsb1osq _1e0c1txw _4cvr1h6o _syazqjbk _tzy4idpf", __cmplp.frameStyle === 'show' && "_vchhusvi", __cmplp.frameStyle === 'show' && "_1yt4h8dc", __cmplp.className])
-  }));
-});
-
-// TODO Delete when cleaning platform-linking-visual-refresh-v1
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-if (process.env.NODE_ENV !== 'production') {
-  HeaderOldVisualRefresh.displayName = 'HeaderOldVisualRefresh';
-}
-export var IconWrapperOldVisualRefresh = forwardRef(function (_ref4, __cmplr) {
-  var _ref4$as = _ref4.as,
-    C = _ref4$as === void 0 ? "div" : _ref4$as,
-    __cmpls = _ref4.style,
-    __cmplp = _objectWithoutProperties(_ref4, _excluded7);
-  var isPlaceholder = __cmplp.isPlaceholder,
-    __cmpldp = _objectWithoutProperties(__cmplp, _excluded8);
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmpldp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_2rko1sit _1bsb7vkz _4t3i7vkz _2hwx1b66", __cmplp.isPlaceholder && "_bfhkqrzy", __cmplp.className])
-  }));
-});
-
-// TODO Delete when cleaning platform-linking-visual-refresh-v1
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-if (process.env.NODE_ENV !== 'production') {
-  IconWrapperOldVisualRefresh.displayName = 'IconWrapperOldVisualRefresh';
-}
-export var TextWrapperOldVisualRefresh = forwardRef(function (_ref5, __cmplr) {
-  var _ref5$as = _ref5.as,
-    C = _ref5$as === void 0 ? "div" : _ref5$as,
-    __cmpls = _ref5.style,
-    __cmplp = _objectWithoutProperties(_ref5, _excluded9);
-  var isPlaceholder = __cmplp.isPlaceholder,
-    __cmpldp = _objectWithoutProperties(__cmplp, _excluded0);
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmpldp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_11c8dcr7 _1reo15vq _18m915vq _syaz1rc1 _1bto1l2s _o5721q9c", __cmplp.isPlaceholder && "_2rko1sit", __cmplp.isPlaceholder && "_1bsb176v", __cmplp.isPlaceholder && "_4t3i1crf", __cmplp.isPlaceholder && "_bfhkqrzy", __cmplp.className])
-  }));
-});
-
-// TODO Delete when cleaning platform-linking-visual-refresh-v1
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-if (process.env.NODE_ENV !== 'production') {
-  TextWrapperOldVisualRefresh.displayName = 'TextWrapperOldVisualRefresh';
-}
-export var TooltipWrapperOldVisualRefresh = forwardRef(function (_ref6, __cmplr) {
-  var _ref6$as = _ref6.as,
-    C = _ref6$as === void 0 ? "div" : _ref6$as,
-    __cmpls = _ref6.style,
-    __cmplp = _objectWithoutProperties(_ref6, _excluded1);
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_1reo15vq _18m915vq", __cmplp.className])
-  }));
-});
-
-// TODO Delete when cleaning platform-linking-visual-refresh-v1
-// NB: `overflow` is kept as `hidden` since
-// the internal contents of the `iframe` should
-// manage scrolling behaviour.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-if (process.env.NODE_ENV !== 'production') {
-  TooltipWrapperOldVisualRefresh.displayName = 'TooltipWrapperOldVisualRefresh';
-}
-export var ContentOldVisualRefresh = forwardRef(function (_ref7, __cmplr) {
-  var _ref7$as = _ref7.as,
-    C = _ref7$as === void 0 ? "div" : _ref7$as,
-    __cmpls = _ref7.style,
-    __cmplp = _objectWithoutProperties(_ref7, _excluded10);
-  var removeOverflow = __cmplp.removeOverflow,
-    allowScrollBar = __cmplp.allowScrollBar,
-    frameStyle = __cmplp.frameStyle,
-    __cmpldp = _objectWithoutProperties(__cmplp, _excluded11);
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmpldp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_2rkoiti9 _19ith6cr _v56414ba _bfhkhp5a _kqswstnw _1pbykb7n _hlq8idpf _rd9b1wug _1g4jidpf _jk3p1wug", !__cmplp.removeOverflow && (__cmplp.allowScrollBar ? "_1reo1wug _18m91wug" : "_1reo15vq _18m915vq"), __cmplp.frameStyle === 'show' ? "_1bsbwgg2" : "_1bsb1osq", __cmplp.frameStyle === 'show' && "_18s81xf9", __cmplp.frameStyle === 'hide' ? "_4t3i1osq" : "_4t3i1j2a", __cmplp.frameStyle !== 'hide' && "_154ixy5q", __cmplp.className])
-  }));
-});
-if (process.env.NODE_ENV !== 'production') {
-  ContentOldVisualRefresh.displayName = 'ContentOldVisualRefresh';
-}
 var getSizeWithUnit = function getSizeWithUnit() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   var unit = typeof value === 'number' ? 'px' : '';
@@ -186,11 +22,11 @@ var getSizeWithUnit = function getSizeWithUnit() {
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-export var Image = forwardRef(function (_ref8, __cmplr) {
-  var _ref8$as = _ref8.as,
-    C = _ref8$as === void 0 ? "img" : _ref8$as,
-    __cmpls = _ref8.style,
-    __cmplp = _objectWithoutProperties(_ref8, _excluded12);
+export var Image = forwardRef(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "img" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: _objectSpread(_objectSpread({}, __cmpls), {}, {
       "--_rcxkve": ix(getSizeWithUnit(__cmplp.size))
@@ -204,11 +40,11 @@ export var Image = forwardRef(function (_ref8, __cmplr) {
 if (process.env.NODE_ENV !== 'production') {
   Image.displayName = 'Image';
 }
-export var Thumbnail = forwardRef(function (_ref9, __cmplr) {
-  var _ref9$as = _ref9.as,
-    C = _ref9$as === void 0 ? "div" : _ref9$as,
-    __cmpls = _ref9.style,
-    __cmplp = _objectWithoutProperties(_ref9, _excluded13);
+export var Thumbnail = forwardRef(function (_ref2, __cmplr) {
+  var _ref2$as = _ref2.as,
+    C = _ref2$as === void 0 ? "div" : _ref2$as,
+    __cmpls = _ref2.style,
+    __cmplp = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: _objectSpread(_objectSpread({}, __cmpls), {}, {
       "--_13orr8u": ix("url(".concat(__cmplp.src, ")"))

package/dist/esm/view/EmbedModal/components/link-info/index.compiled.css

@@ -1,41 +1,23 @@
 
-._1umonbxd h3{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._zulpu2gc{gap:var(--ds-space-100,8px)}._101p15vq h3{overflow-x:hidden}
-._12bo15vq h3{overflow-y:hidden}
-._16jlidpf{flex-grow:0}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._1bah1h6o{justify-content:center}
-._1bah1yb4{justify-content:space-between}
 ._1bsb1tcg, ._1xyl1tcg [data-smart-element-icon] img, ._1h1b1tcg [data-smart-element-icon] span, ._prfw1tcg [data-smart-element-icon] svg, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
 ._1e0c1txw{display:flex}
-._1flvcj1k h3{display:-webkit-box}
 ._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1r7d1hna h3{word-break:break-word}
 ._1tke1tcg, ._x9xj1tcg [data-smart-element-icon] img, ._v5981tcg [data-smart-element-icon] span, ._z15s1tcg [data-smart-element-icon] svg, ._qci81tcg img, ._15iz1tcg span, ._erub1tcg svg{min-height:24px}
 ._1ul91tcg, ._1ekg1tcg [data-smart-element-icon] img, ._jbhf1tcg [data-smart-element-icon] span, ._11hh1tcg [data-smart-element-icon] svg, ._1rg21tcg img, ._q7cv1tcg span, ._xwbj1tcg svg{min-width:24px}
-._1wkfkb7n h3{flex-shrink:1}
 ._1wpz1fhb{align-self:stretch}
 ._2lx21bp4{flex-direction:column}
-._4cvr1h6o{align-items:center}
 ._4t3i1tcg, ._gire1tcg [data-smart-element-icon] img, ._yrry1tcg [data-smart-element-icon] span, ._1bnm1tcg [data-smart-element-icon] svg, ._bna71tcg img, ._1xjx1tcg span, ._17521tcg svg{height:24px}
 ._4t3i1tcg{height:24px}
-._4wztidpf h3{margin-bottom:0}
-._923e1wug h3{flex-basis:auto}
 ._c71l1tcg, ._1q121tcg [data-smart-element-icon] img, ._2s1x1tcg [data-smart-element-icon] span, ._1rh41tcg [data-smart-element-icon] svg, ._19l31tcg img, ._1pr21tcg span, ._1u5t1tcg svg{max-height:24px}
-._c7bk1l2s h3{text-overflow:ellipsis}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
-._n3tddlk8{padding-bottom:14px}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._p12f1tcg, ._1mj01tcg [data-smart-element-icon] img, ._1r9c1tcg [data-smart-element-icon] span, ._1xch1tcg [data-smart-element-icon] svg, ._rtys1tcg img, ._b8nk1tcg span, ._4x201tcg svg{max-width:24px}
-._r8nti7a9 h3{font-weight:var(--ds-font-weight-regular,400)}
-._shpw1e54 h3{-webkit-box-orient:vertical}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
-._uepwkb7n h3{-webkit-line-clamp:1}
-._yrj2kb7n h3{flex-grow:1}
-@media only screen and (max-width:980px){._3kllglyw .smart-link-resize-button{display:none}}
-@supports not (-webkit-line-clamp:1){._130wgktf h3{max-height:20px}}
+@media only screen and (max-width:980px){._3kllglyw .smart-link-resize-button{display:none}}

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -18,7 +18,6 @@ import { Icon } from '../../../common/Icon';
 import { MAX_MODAL_SIZE } from '../../constants';
 import LinkInfoButton from './link-info-button';
 import LinkInfoButtonOld from './link-info-button/old';
-var containerStylesOld = null;
 var containerStyles = null;
 var iconSize = '24px';
 
@@ -26,7 +25,6 @@ var iconSize = '24px';
 // An embed modal icon css for img, span, svg has specificity weight of 0-1-1.
 // Specify flex ui icon selector to increase specificity weight to 0-2-1.
 var iconCss = null;
-var titleCssOld = null;
 var titleCss = null;
 var actionCss = null;
 var LinkInfo = function LinkInfo(_ref) {
@@ -130,15 +128,15 @@ var LinkInfo = function LinkInfo(_ref) {
     );
   }, [onResizeButtonClick, size, testId]);
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg" : "_zulpu2gc _4cvr1h6o _1e0c1txw _1bah1yb4 _ca0q1ejb _u5f31ejb _n3tddlk8 _19bv1ejb"])
+    className: ax(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
   }, icon && /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testId, "-icon"),
     className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
   }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb" : "_16jlkb7n _1o9zkb7n _i0dl1wug _yrj2kb7n _1wkfkb7n _923e1wug _1umonbxd _101p15vq _12bo15vq _r8nti7a9 _1flvcj1k _4wztidpf _c7bk1l2s _1r7d1hna _uepwkb7n _shpw1e54 _130wgktf"])
+    className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
   }, /*#__PURE__*/React.createElement(Heading, {
-    size: fg('platform-linking-visual-refresh-v1') ? 'small' : 'medium',
-    color: fg('platform-linking-visual-refresh-v1') ? 'color.text' : undefined,
+    size: "small",
+    color: "color.text",
     testId: "".concat(testId, "-title")
   }, title), /*#__PURE__*/React.createElement("span", {
     tabIndex: 0

package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -4,7 +4,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useCallback, useMemo } from 'react';
 import { LoadingButton } from '@atlaskit/button';
 import Button, { IconButton, LinkButton, LinkIconButton } from '@atlaskit/button/new';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize } from '../../../../../../constants';
@@ -43,7 +42,7 @@ var ButtonAppearanceMap = {
 var tooltipOptions = {
   hideTooltipOnClick: true
 };
-var ActionButtonRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var ActionButtonRefresh = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
     content = _ref.content,
@@ -146,7 +145,7 @@ var ActionButtonRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
 // On cleanup of platform-linking-visual-refresh-v1, this should become
 // export default withOverrideCss(ActionButton);
-var ActionButtonRefreshNewWithOverrideCss = withOverrideCss(ActionButtonRefreshNew);
+var ActionButtonRefreshWithOverrideCss = withOverrideCss(ActionButtonRefresh);
 
 // TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var ActionButtonNew = function ActionButtonNew(_ref2) {
@@ -192,14 +191,11 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
     "aria-label": ariaLabel
   }, content)));
 };
-var ActionButtonHideLegacyButton = function ActionButtonHideLegacyButton(props) {
+var ActionButton = function ActionButton(props) {
   var ui = useFlexibleUiOptionContext();
   if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
-    return /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props);
+    return /*#__PURE__*/React.createElement(ActionButtonRefreshWithOverrideCss, props);
   }
   return /*#__PURE__*/React.createElement(ActionButtonNew, props);
 };
-var ActionButton = function ActionButton(props) {
-  return fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(ActionButtonHideLegacyButton, props) : /*#__PURE__*/React.createElement(ActionButtonNew, props);
-};
 export default ActionButton;

package/dist/esm/view/FlexibleCard/components/actions/action/action-icon/index.compiled.css

@@ -44,7 +44,5 @@
 ._rtys1j6v img, ._b8nk1j6v span, ._4x201j6v svg{max-width:1rem}
 ._rtys1k8s img, ._b8nk1k8s span, ._4x201k8s svg{max-width:1.5rem}
 ._rtysgktf img, ._b8nkgktf span, ._4x20gktf svg{max-width:20px}
-._syaz2oi6{color:var(--ds-text-disabled,#6b778c)}
-._syazwdcn{color:var(--ds-icon,#44546f)}
 ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
 ._uhasidpf svg{padding-right:0}