@atlaskit/smart-card 39.0.0 → 39.2.0

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

@@ -3,11 +3,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./ExpandedFrame.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
+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 const ExpandedFrame = ({
   isPlaceholder = false,
   children,
@@ -35,126 +35,52 @@ export const ExpandedFrame = ({
     linkType: "embed"
   }) : null;
   const 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);
   };
   const interactive = isInteractive();
   const showBackgroundAlways = frameStyle === 'show' || isSelected && frameStyle !== 'hide';
   const showBackgroundOnHover = interactive && frameStyle !== 'hide';
   const 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 ? `${minWidth}px` : '',
-        maxWidth: maxWidth ? `${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 ? `${minWidth}px` : '',
+      maxWidth: maxWidth ? `${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());
 };
 const 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/es2019/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/es2019/view/EmbedCard/components/styled.js

@@ -6,174 +6,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 /* 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 const className = 'media-card-frame';
 export const 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 const LinkWrapperOldVisualRefresh = forwardRef(({
-  as: C = "div",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  const {
-    isSelected,
-    frameStyle,
-    minWidth,
-    maxWidth,
-    isInteractive,
-    inheritDimensions,
-    ...__cmpldp
-  } = __cmplp;
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmpldp, {
-    style: {
-      ...__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 const WrapperOldVisualRefresh = forwardRef(({
-  as: C = "div",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  const {
-    isSelected,
-    frameStyle,
-    minWidth,
-    maxWidth,
-    isInteractive,
-    inheritDimensions,
-    ...__cmpldp
-  } = __cmplp;
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmpldp, {
-    style: {
-      ...__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 const HeaderOldVisualRefresh = forwardRef(({
-  as: C = "div",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  const {
-    frameStyle,
-    ...__cmpldp
-  } = __cmplp;
-  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 const IconWrapperOldVisualRefresh = forwardRef(({
-  as: C = "div",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  const {
-    isPlaceholder,
-    ...__cmpldp
-  } = __cmplp;
-  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 const TextWrapperOldVisualRefresh = forwardRef(({
-  as: C = "div",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  const {
-    isPlaceholder,
-    ...__cmpldp
-  } = __cmplp;
-  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 const TooltipWrapperOldVisualRefresh = forwardRef(({
-  as: C = "div",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  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 const ContentOldVisualRefresh = forwardRef(({
-  as: C = "div",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  const {
-    removeOverflow,
-    allowScrollBar,
-    frameStyle,
-    ...__cmpldp
-  } = __cmplp;
-  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';
-}
 const getSizeWithUnit = (value = '100%') => {
   const unit = typeof value === 'number' ? 'px' : '';
   return `${value}${unit}`;

package/dist/es2019/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/es2019/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';
-const containerStylesOld = null;
 const containerStyles = null;
 const iconSize = '24px';
 
@@ -26,7 +25,6 @@ const 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.
 const iconCss = null;
-const titleCssOld = null;
 const titleCss = null;
 const actionCss = null;
 const LinkInfo = ({
@@ -126,15 +124,15 @@ const LinkInfo = ({
     );
   }, [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": `${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: `${testId}-title`
   }, title), /*#__PURE__*/React.createElement("span", {
     tabIndex: 0

package/dist/es2019/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 @@ const ButtonAppearanceMap = {
 const tooltipOptions = {
   hideTooltipOnClick: true
 };
-const ActionButtonRefreshNew = /*#__PURE__*/forwardRef(({
+const ActionButtonRefresh = /*#__PURE__*/forwardRef(({
   appearance = 'default',
   content,
   iconAfter,
@@ -138,7 +137,7 @@ const ActionButtonRefreshNew = /*#__PURE__*/forwardRef(({
 
 // On cleanup of platform-linking-visual-refresh-v1, this should become
 // export default withOverrideCss(ActionButton);
-const ActionButtonRefreshNewWithOverrideCss = withOverrideCss(ActionButtonRefreshNew);
+const ActionButtonRefreshWithOverrideCss = withOverrideCss(ActionButtonRefresh);
 
 // TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 const ActionButtonNew = ({
@@ -182,14 +181,11 @@ const ActionButtonNew = ({
     "aria-label": ariaLabel
   }, content)));
 };
-const ActionButtonHideLegacyButton = props => {
+const ActionButton = props => {
   const 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);
 };
-const ActionButton = props => {
-  return fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(ActionButtonHideLegacyButton, props) : /*#__PURE__*/React.createElement(ActionButtonNew, props);
-};
 export default ActionButton;

package/dist/es2019/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}

package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -26,28 +26,21 @@ const iconSizeStyleMap = {
 // TODO: Remove on fg cleanup: platform-visual-refresh-icons
 const stackItemIconStylesOld = null;
 const stackItemIconStylesCompiled = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const iconStyleMap = {
-  true: "_syaz2oi6",
-  false: "_syazwdcn"
-};
 const ActionIcon = ({
   size,
   testId,
   icon,
-  isDisabled,
   asStackItemIcon
 }) => {
   if (!fg('platform-visual-refresh-icons')) {
     return /*#__PURE__*/React.createElement("span", {
       "data-testid": `${testId}-icon`,
-      className: ax([!fg('platform-linking-visual-refresh-v1') && iconStyleMap[isDisabled ? 'true' : 'false'], asStackItemIcon && "_1e0c1o8l _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o", asStackItemIcon && iconSizeStyleMap['20px'], !asStackItemIcon && iconSizeStyleMap[getIconWidth(size)]])
+      className: ax([asStackItemIcon && "_1e0c1o8l _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o", asStackItemIcon && iconSizeStyleMap['20px'], !asStackItemIcon && iconSizeStyleMap[getIconWidth(size)]])
     }, icon);
   }
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": `${testId}-icon`,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && iconStyleMap[isDisabled ? 'true' : 'false'], "_1e0c1o8l"])
+    className: ax(["_1e0c1o8l"])
   }, icon);
 };
 export default ActionIcon;

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,6 +1,4 @@
-
-._kkk2n7od{all:unset}._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._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)}
+._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._1bsb1osq{width:100%}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}