@atlaskit/smart-card 39.1.0 → 39.2.1

package/dist/es2019/view/HoverCard/components/views/unauthorised/index.js

@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName, CardDisplay } from '../../../../../constants';
 import { messages } from '../../../../../messages';
@@ -17,11 +16,8 @@ import FlexibleCard from '../../../../FlexibleCard';
 import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
 import { LinkIcon } from '../../../../FlexibleCard/components/elements';
-const connectButtonStylesOld = null;
 const connectButtonStyles = null;
-const titleBlockStylesOld = null;
 const titleBlockStyles = null;
-const mainTextStylesOld = null;
 const mainTextStyles = null;
 const HoverCardUnauthorisedView = ({
   id = '',
@@ -60,20 +56,20 @@ const HoverCardUnauthorisedView = ({
     testId: testId
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-title`,
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9" : "_zulp5l1i _bpsp1wq8"])
+    className: ax(["_zulpu2gc _13mh1pd9"])
   }, /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
     values: {
       context: providerName
     }
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-content`,
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c8dcr7 _19pku2gc" : "_11c8dcr7 _19pkcxkx"])
+    className: ax(["_11c8dcr7 _19pku2gc"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     providerName: providerName,
     isProductIntegrationSupported: isProductIntegrationSupported
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-button`,
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bahesu3 _19pku2gc" : "_1bahesu3 _19pkcxkx"])
+    className: ax(["_1bahesu3 _19pku2gc"])
   }, /*#__PURE__*/React.createElement(ActionGroup, {
     items: actions,
     appearance: "primary"

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

@@ -1,41 +1,20 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
 import { ActionButton } from '../common/action-button';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { IconStyledButtonOldVisualRefresh } from '../styled';
-import withFrameStyleControl from '../utils/withFrameStyleControl';
-const styles = {
-  iconWrapper: "_2hwx1i6y"
-};
 const fallbackIcon = () => {
-  if (fg('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/React.createElement(ErrorIcon, {
-      color: "var(--ds-icon-danger, #C9372C)",
-      label: "error",
-      LEGACY_size: "small",
-      testId: "errored-view-default-icon"
-    });
-  }
-  return /*#__PURE__*/React.createElement(Box, {
-    as: "span",
-    xcss: styles.iconWrapper
-  }, /*#__PURE__*/React.createElement(ErrorIcon, {
+  return /*#__PURE__*/React.createElement(ErrorIcon, {
     color: "var(--ds-icon-danger, #C9372C)",
     label: "error",
     LEGACY_size: "small",
-    testId: "errored-view-default-icon",
-    size: "small"
-  }));
+    testId: "errored-view-default-icon"
+  });
 };
 export const InlineCardErroredView = ({
   url,
@@ -58,17 +37,11 @@ export const InlineCardErroredView = ({
     }
   }, [onRetry]);
   const renderActionButton = React.useCallback(() => {
-    const Button = withFrameStyleControl(ButtonOld, frameRef);
-    return onRetry && (fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(ActionButton, {
+    return onRetry && /*#__PURE__*/React.createElement(ActionButton, {
       onClick: handleRetry
-    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again)) : /*#__PURE__*/React.createElement(Button, {
-      spacing: "none",
-      component: IconStyledButtonOldVisualRefresh,
-      onClick: handleRetry,
-      role: "button"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again)));
+    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again));
   }, [handleRetry, onRetry]);
-  const content = fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Frame, {
+  const content = /*#__PURE__*/React.createElement(Frame, {
     link: hashAction ? undefined : url,
     onClick: hashAction ? undefined : onClick,
     isSelected: isSelected,
@@ -81,17 +54,6 @@ export const InlineCardErroredView = ({
     title: url,
     onClick: hashAction ? onClick : undefined,
     rightSide: message
-  }), renderActionButton()) : /*#__PURE__*/React.createElement(Frame, {
-    testId: testId,
-    isSelected: isSelected,
-    ref: frameRef,
-    truncateInline: truncateInline
-  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-    icon: icon || fallbackIcon(),
-    link: url,
-    title: url,
-    onClick: onClick,
-    rightSide: message
   }), renderActionButton());
   if (showHoverPreview) {
     return /*#__PURE__*/React.createElement(HoverCard, {

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

@@ -4,12 +4,11 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled';
 import { N500 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
@@ -17,33 +16,19 @@ import { ActionButton } from '../common/action-button';
 import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
-import { IconStyledButtonOldVisualRefresh } from '../styled';
-import withFrameStyleControl from '../utils/withFrameStyleControl';
 const styles = {
   iconWrapper: "_2hwx1i6y _1e0cbu77",
   actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
   actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 const fallbackForbiddenIcon = () => {
-  if (fg('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/React.createElement(LockLockedIcon, {
-      label: "error",
-      color: "var(--ds-icon-danger, #C9372C)",
-      LEGACY_fallbackIcon: LegacyLockIcon,
-      LEGACY_size: "small",
-      testId: "forbidden-view-fallback-icon"
-    });
-  }
-  return /*#__PURE__*/React.createElement(Box, {
-    as: "span",
-    xcss: styles.iconWrapper
-  }, /*#__PURE__*/React.createElement(LockLockedIcon, {
+  return /*#__PURE__*/React.createElement(LockLockedIcon, {
     label: "error",
     color: "var(--ds-icon-danger, #C9372C)",
     LEGACY_fallbackIcon: LegacyLockIcon,
     LEGACY_size: "small",
     testId: "forbidden-view-fallback-icon"
-  }));
+  });
 };
 export const InlineCardForbiddenView = ({
   url,
@@ -83,60 +68,36 @@ export const InlineCardForbiddenView = ({
     return /*#__PURE__*/React.createElement(FormattedMessage, messages.invalid_permissions, formattedMessage => /*#__PURE__*/React.createElement(React.Fragment, null, formattedMessage));
   }, [context, requestAccessContext]);
   const renderActionButton = React.useCallback(() => {
-    const Button = withFrameStyleControl(ButtonOld, frameRef);
     const accessType = requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType;
     if (hasRequestAccessContextMessage) {
-      if (fg('platform-linking-visual-refresh-v1')) {
-        const isDisabled = accessType === 'PENDING_REQUEST_EXISTS';
-        return /*#__PURE__*/React.createElement(ActionButton, {
-          isDisabled: isDisabled,
-          onClick: handleRetry,
-          testId: "button-connect-other-account"
-        }, renderForbiddenAccessMessage());
-      }
-      return /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
+      const isDisabled = accessType === 'PENDING_REQUEST_EXISTS';
+      return /*#__PURE__*/React.createElement(ActionButton, {
+        isDisabled: isDisabled,
         onClick: handleRetry,
-        component: IconStyledButtonOldVisualRefresh,
-        testId: "button-connect-other-account",
-        role: "button",
-        isDisabled: accessType === 'PENDING_REQUEST_EXISTS'
+        testId: "button-connect-other-account"
       }, renderForbiddenAccessMessage());
     }
     if (onAuthorise) {
-      if (fg('platform-linking-visual-refresh-v1')) {
-        if (fg('platform-linking-visual-refresh-inline-lozenge')) {
-          return /*#__PURE__*/React.createElement(Pressable, {
-            xcss: styles.actionButtonLozengeStyleNew,
-            onClick: handleRetry,
-            style: {
-              font: `inherit`
-            },
-            testId: "button-connect-other-account"
-          }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
-            appearance: "moved"
-          }, fg('platform-component-visual-refresh') ? {
-            isBold: true
-          } : undefined), renderForbiddenAccessMessage()));
-        }
-        return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
-          xcss: styles.actionButtonLozengeStyleOld,
+      if (fg('platform-linking-visual-refresh-inline-lozenge')) {
+        return /*#__PURE__*/React.createElement(Pressable, {
+          xcss: styles.actionButtonLozengeStyleNew,
           onClick: handleRetry,
+          style: {
+            font: `inherit`
+          },
           testId: "button-connect-other-account"
-        }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+        }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
           appearance: "moved"
         }, fg('platform-component-visual-refresh') ? {
           isBold: true
-        } : undefined), renderForbiddenAccessMessage())));
+        } : undefined), renderForbiddenAccessMessage()));
       }
-      return /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
+      return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
+        xcss: styles.actionButtonLozengeStyleOld,
         onClick: handleRetry,
-        appearance: "subtle-link",
-        testId: "button-connect-other-account",
-        role: "button"
-      }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
-        appearance: 'moved'
+        testId: "button-connect-other-account"
+      }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+        appearance: "moved"
       }, fg('platform-component-visual-refresh') ? {
         isBold: true
       } : undefined), renderForbiddenAccessMessage())));

package/dist/es2019/view/InlineCard/Frame/styled.compiled.css

@@ -30,8 +30,6 @@
 ._u5f3idpf{padding-right:0}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
-._vwz4183y{line-height:21px}
-._vwz4qslr{line-height:22px}
 ._1372tlke:focus{cursor:pointer}
 ._1a3b1r31:focus{text-decoration-color:currentColor}
 ._1hvw1o36:focus{outline-width:medium}
@@ -50,4 +48,4 @@
 ._1iohnqa1:active{text-decoration-style:solid}
 ._1nrm1r31:active{text-decoration-color:currentColor}
 ._c2waglyw:active{text-decoration-line:none}
-@supports not (-webkit-line-clamp:1){._17bix7n9{padding:var(--ds-space-025,2px) 0}._nr8z1o8l{display:inline-block}._102kqslr{max-height:22px}._1voyv77o{padding-top:var(--ds-space-025,2px)}._3kwxidpf{padding-right:0}._jqg5v77o{padding-bottom:var(--ds-space-025,2px)}._6vwiidpf{padding-left:0}}
+@supports not (-webkit-line-clamp:1){._nr8z1o8l{display:inline-block}._1voyv77o{padding-top:var(--ds-space-025,2px)}._3kwxidpf{padding-right:0}._jqg5v77o{padding-bottom:var(--ds-space-025,2px)}._6vwiidpf{padding-left:0}}

package/dist/es2019/view/InlineCard/Frame/styled.js

@@ -3,9 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { B100, B200, B400, B50, N40 } from '@atlaskit/theme/colors';
-const lineHeight = 22;
 export const WrapperSpan = /*#__PURE__*/forwardRef(({
   truncateInline,
   withoutBackground,
@@ -18,7 +16,7 @@ export const WrapperSpan = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props, {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && !fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    className: ax(["_1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
   }), props.children);
 });
 export const WrapperAnchor = /*#__PURE__*/forwardRef(({
@@ -34,11 +32,10 @@ export const WrapperAnchor = /*#__PURE__*/forwardRef(({
     href: href,
     ref: ref
   }, props, {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && !fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
+    className: ax(["_1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
   }), props.children);
 });
-const baseWrapperStylesNew = null;
-const baseWrapperStylesOld = null;
+const baseWrapperStyles = null;
 
 // if the parent instruct the wrapper to be interactive, and the wrapper is in focus, apply selectedStyles
 const interactiveStyles = null;
@@ -46,7 +43,6 @@ const hoveredStyles = null;
 const hoveredWithBackgroundStyles = null;
 const withoutBackgroundStyles = null;
 const withBackgroundStyles = null;
-const truncateStylesNew = null;
-const truncateStylesOld = null;
+const truncateStyles = null;
 const notSelectedStyle = null;
 const selectedStyles = null;

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.compiled.css

@@ -27,7 +27,6 @@
 ._p12f7vkz{max-width:1pc}
 ._s7n4t94y{vertical-align:1px}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
-._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
 ._syaz1y58{color:var(--ds-link,#0052cc)}
 ._t9ec1ooe{transform:translate(-50%,-50%)}
 ._tzy4idpf{opacity:0}

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

@@ -9,10 +9,9 @@ import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/core/migration/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
-import { B400, N200 } from '@atlaskit/theme/colors';
+import { B400 } from '@atlaskit/theme/colors';
 import { isProfileType } from '../../../utils';
-import { Icon, Shimmer } from '../Icon';
-import { EmojiWrapperOldVisualRefresh, IconEmptyWrapperOldVisualRefresh, IconPositionWrapperOldVisualRefresh, IconWrapperOldVisualRefresh, TitleWrapperClassNameOldVisualRefresh } from './styled';
+import { Shimmer } from '../Icon';
 const iconWrapperStyle = null;
 const iconImageStyle = null;
 const styles = {
@@ -23,23 +22,7 @@ const styles = {
   noLinkAppearanceStyle: "_syaz131l _18u01b66",
   roundImageStyle: "_2rko14q2"
 };
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
-const NoLinkAppearanceOldVisualRefresh = forwardRef(({
-  as: C = "span",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_syaz1wmz _18u01b66", __cmplp.className])
-  }));
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
-if (process.env.NODE_ENV !== 'production') {
-  NoLinkAppearanceOldVisualRefresh.displayName = 'NoLinkAppearanceOldVisualRefresh';
-}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/design-system/no-html-anchor -- Ignored via go/DSP-18766
 const LinkAppearance = forwardRef(({
   as: C = "a",
   style: __cmpls,
@@ -70,50 +53,26 @@ export const IconAndTitleLayout = ({
 }) => {
   const renderAtlaskitIcon = React.useCallback(() => {
     if (emoji) {
-      if (fg('platform-linking-visual-refresh-v1')) {
-        return emoji;
-      }
-      return /*#__PURE__*/React.createElement(EmojiWrapperOldVisualRefresh, null, emoji);
+      return emoji;
     }
     if (!icon || typeof icon === 'string') {
       return null;
     }
-    if (fg('platform-linking-visual-refresh-v1')) {
-      return icon;
-    }
-    return /*#__PURE__*/React.createElement(IconWrapperOldVisualRefresh, null, icon);
+    return icon;
   }, [emoji, icon]);
   const profileType = fg('platform-linking-visual-refresh-v2') ? isProfileType(type) : false;
   const renderImageIcon = React.useCallback((errored, testId) => {
     if (!icon || typeof icon !== 'string') {
       return null;
     }
-    if (fg('platform-linking-visual-refresh-v1')) {
-      return /*#__PURE__*/React.createElement(ImageLoader, {
-        src: icon,
-        loaded: /*#__PURE__*/React.createElement("img", {
-          src: icon,
-          "data-testid": `${testId}-image`,
-          alt: "",
-          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
-        }),
-        errored: errored,
-        loading: /*#__PURE__*/React.createElement(Shimmer, {
-          testId: `${testId}-loading`
-        })
-      });
-    }
-    const removedProps = !fg('platform-linking-visual-refresh-v2') ? {
-      className: 'smart-link-icon'
-    } : {};
     return /*#__PURE__*/React.createElement(ImageLoader, {
       src: icon,
-      loaded: /*#__PURE__*/React.createElement(Icon, _extends({}, removedProps, {
+      loaded: /*#__PURE__*/React.createElement("img", {
         src: icon,
         "data-testid": `${testId}-image`,
         alt: "",
-        className: ax([profileType && styles.roundImageStyle])
-      })),
+        className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+      }),
       errored: errored,
       loading: /*#__PURE__*/React.createElement(Shimmer, {
         testId: `${testId}-loading`
@@ -121,23 +80,12 @@ export const IconAndTitleLayout = ({
     });
   }, [icon, profileType]);
   const renderIconPlaceholder = React.useCallback(testId => {
-    if (fg('platform-linking-visual-refresh-v1')) {
-      return defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {
-        label: "link",
-        LEGACY_size: "small",
-        testId: `${testId}-default`,
-        color: "currentColor"
-      });
-    }
-    if (defaultIcon) {
-      return /*#__PURE__*/React.createElement(IconWrapperOldVisualRefresh, null, defaultIcon);
-    }
-    return /*#__PURE__*/React.createElement(IconWrapperOldVisualRefresh, null, /*#__PURE__*/React.createElement(LinkIcon, {
+    return defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {
       label: "link",
       LEGACY_size: "small",
       testId: `${testId}-default`,
       color: "currentColor"
-    }));
+    });
   }, [defaultIcon]);
   const renderIcon = React.useCallback(testId => {
     const icon = renderAtlaskitIcon();
@@ -167,7 +115,7 @@ export const IconAndTitleLayout = ({
   }, [onClick]);
 
   // maybe consider memoising this after clean up
-  const titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Box, {
+  const titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
     as: "span"
     // EDM-12119: This is set here to help with the positioning of the icon to be in the middle of inline display.
     // We cannot set the fix font because inline is taking the parent container font size into account.
@@ -185,24 +133,13 @@ export const IconAndTitleLayout = ({
   }), /*#__PURE__*/React.createElement("span", {
     "data-testId": "icon-wrapper",
     className: ax(["_11c81o8v _2rkoyh40 _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
-  }, renderIcon(testId)))) : /*#__PURE__*/React.createElement(IconPositionWrapperOldVisualRefresh, {
-    "data-testid": "icon-position-wrapper"
-  }, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapperOldVisualRefresh, {
-    "data-testid": "icon-empty-wrapper"
-  }), renderIcon(testId))), fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Box, {
+  }, renderIcon(testId)))), /*#__PURE__*/React.createElement(Box, {
     as: "span",
     style: {
       color: titleTextColor
     }
-  }, title) : /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: titleTextColor
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: TitleWrapperClassNameOldVisualRefresh
   }, title));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(IconTitleWrapper, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
     style: {
       color: titleColor
     },
@@ -215,42 +152,13 @@ export const IconAndTitleLayout = ({
   }, titlePart) : titlePart, rightSide ? /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: styles.noLinkAppearanceStyle
-  }, rightSide) : null) : /*#__PURE__*/React.createElement(IconTitleWrapperOldVisualRefresh, {
-    style: {
-      color: titleColor
-    },
-    "data-testid": testId
-  }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
-    href: link,
-    onClick: handleClick,
-    onKeyPress: handleKeyPress
-  }, titlePart) : titlePart, rightSide ? /*#__PURE__*/React.createElement(NoLinkAppearanceOldVisualRefresh, null, rightSide) : null));
+  }, rightSide) : null));
 };
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
-const IconTitleWrapperOldVisualRefresh = forwardRef(({
-  as: C = "span",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", __cmplp.className])
-  }));
-});
-if (process.env.NODE_ENV !== 'production') {
-  IconTitleWrapperOldVisualRefresh.displayName = 'IconTitleWrapperOldVisualRefresh';
-}
 export const IconTitleWrapper = props => {
-  if (fg('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/React.createElement(Box, _extends({
-      as: "span",
-      xcss: styles.iconTitleWrapperStyle
-    }, props));
-  }
-  // note: This is just to get the types to work due to compiled css weirdness.
-  return /*#__PURE__*/React.createElement(IconTitleWrapperOldVisualRefresh, props);
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: "span",
+    xcss: styles.iconTitleWrapperStyle
+  }, props));
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled

package/dist/es2019/view/InlineCard/IconAndTitleLayout/styled.compiled.css

@@ -1,36 +1,3 @@
-._15x0stnw>*>span>svg{position:absolute}
-._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
-._17047vkz>*>span{height:1pc}
-._18lx1ooe>span>svg{transform:translate(-50%,-50%)}
 ._18u0v77o{margin-left:var(--ds-space-025,2px)}
-._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._19pkidpf{margin-top:0}
-._1bsb7vkz{width:1pc}
 ._1e0c1o8l{display:inline-block}
-._1f027vkz>span{height:1pc}
-._1fqgstnw>span>svg{position:absolute}
-._1gx11ssb>span>svg{left:50%}
-._1nmz9jpi{word-break:break-all}
-._1tr81ssb>*>span>svg{left:50%}
-._1yg7idpf>*>span{left:0}
-._2hwx1b66{margin-right:var(--ds-space-050,4px)}
-._2hwxv77o{margin-right:var(--ds-space-025,2px)}
-._3g5ridpf>span{left:0}
-._4d7tstnw>span{position:absolute}
-._4t3i1osq{height:100%}
-._ca0qv77o{padding-top:var(--ds-space-025,2px)}
-._d1gw1ssb>span>svg{top:50%}
-._iibf7vkz>*>span{width:1pc}
-._k9fw1ssb>*>span>svg{top:50%}
-._kqswh2mm{position:relative}
-._lacastnw>*>span{position:absolute}
-._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
-._nbgx7vkz>span{width:1pc}
-._o5721jtm{white-space:pre-wrap}
-._o5fv1l7b>span{top:3px}
-._otyridpf{margin-bottom:0}
-._q3v31ooe>*>span>svg{transform:translate(-50%,-50%)}
-._s7n4t94y{vertical-align:1px}
-._tzy4idpf{opacity:0}
-._u5f31b66{padding-right:var(--ds-space-050,4px)}
-._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
+._kqswh2mm{position:relative}