@atlaskit/smart-card 39.0.0 → 39.2.0

package/dist/esm/view/HoverCard/components/views/unauthorised/index.compiled.css

@@ -1,8 +1,5 @@
 ._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)}
-._zulp5l1i{gap:.5rem .5rem}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
-._19pkcxkx{margin-top:var(--ds-space-100,.5rem)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
-._1bahesu3{justify-content:flex-end}
-._bpsp1wq8 a{font-weight:var(--ds-font-weight-medium,500)}
+._1bahesu3{justify-content:flex-end}

package/dist/esm/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';
-var connectButtonStylesOld = null;
 var connectButtonStyles = null;
-var titleBlockStylesOld = null;
 var titleBlockStyles = null;
-var mainTextStylesOld = null;
 var mainTextStyles = null;
 var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   var _extractSmartLinkProv;
@@ -59,20 +55,20 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     testId: testId
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(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: "".concat(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: "".concat(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/esm/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';
-var styles = {
-  iconWrapper: "_2hwx1i6y"
-};
 var fallbackIcon = function 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 var InlineCardErroredView = function InlineCardErroredView(_ref) {
   var url = _ref.url,
@@ -58,17 +37,11 @@ export var InlineCardErroredView = function InlineCardErroredView(_ref) {
     }
   }, [onRetry]);
   var renderActionButton = React.useCallback(function () {
-    var 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]);
-  var content = fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Frame, {
+  var content = /*#__PURE__*/React.createElement(Frame, {
     link: hashAction ? undefined : url,
     onClick: hashAction ? undefined : onClick,
     isSelected: isSelected,
@@ -81,17 +54,6 @@ export var InlineCardErroredView = function InlineCardErroredView(_ref) {
     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/esm/view/InlineCard/ForbiddenView/index.js

@@ -5,12 +5,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';
@@ -18,33 +17,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';
 var styles = {
   iconWrapper: "_2hwx1i6y _1e0cbu77",
   actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
   actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 var fallbackForbiddenIcon = function 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 var InlineCardForbiddenView = function InlineCardForbiddenView(_ref) {
   var url = _ref.url,
@@ -86,60 +71,36 @@ export var InlineCardForbiddenView = function InlineCardForbiddenView(_ref) {
     });
   }, [context, requestAccessContext]);
   var renderActionButton = React.useCallback(function () {
-    var Button = withFrameStyleControl(ButtonOld, frameRef);
     var accessType = requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType;
     if (hasRequestAccessContextMessage) {
-      if (fg('platform-linking-visual-refresh-v1')) {
-        var 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",
+      var 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/esm/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/esm/view/InlineCard/Frame/styled.js

@@ -6,9 +6,7 @@ var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteract
 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';
-var lineHeight = 22;
 export var WrapperSpan = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var truncateInline = _ref.truncateInline,
     withoutBackground = _ref.withoutBackground,
@@ -20,7 +18,7 @@ export var WrapperSpan = /*#__PURE__*/forwardRef(function (_ref, ref) {
   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 var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
@@ -35,11 +33,10 @@ export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     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);
 });
-var baseWrapperStylesNew = null;
-var baseWrapperStylesOld = null;
+var baseWrapperStyles = null;
 
 // if the parent instruct the wrapper to be interactive, and the wrapper is in focus, apply selectedStyles
 var interactiveStyles = null;
@@ -47,7 +44,6 @@ var hoveredStyles = null;
 var hoveredWithBackgroundStyles = null;
 var withoutBackgroundStyles = null;
 var withBackgroundStyles = null;
-var truncateStylesNew = null;
-var truncateStylesOld = null;
+var truncateStyles = null;
 var notSelectedStyle = null;
 var selectedStyles = null;

package/dist/esm/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/esm/view/InlineCard/IconAndTitleLayout/index.js

@@ -2,9 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "style"],
-  _excluded2 = ["as", "style"],
-  _excluded3 = ["as", "style"],
-  _excluded4 = ["as", "style"];
+  _excluded2 = ["as", "style"];
 import "./index.compiled.css";
 import { forwardRef } from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -14,10 +12,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';
 var iconWrapperStyle = null;
 var iconImageStyle = null;
 var styles = {
@@ -28,28 +25,12 @@ var styles = {
   noLinkAppearanceStyle: "_syaz131l _18u01b66",
   roundImageStyle: "_2rko14q2"
 };
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
-var NoLinkAppearanceOldVisualRefresh = forwardRef(function (_ref, __cmplr) {
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/design-system/no-html-anchor -- Ignored via go/DSP-18766
+var LinkAppearance = forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
-    C = _ref$as === void 0 ? "span" : _ref$as,
+    C = _ref$as === void 0 ? "a" : _ref$as,
     __cmpls = _ref.style,
     __cmplp = _objectWithoutProperties(_ref, _excluded);
-  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';
-}
-var LinkAppearance = forwardRef(function (_ref2, __cmplr) {
-  var _ref2$as = _ref2.as,
-    C = _ref2$as === void 0 ? "a" : _ref2$as,
-    __cmpls = _ref2.style,
-    __cmplp = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
@@ -59,66 +40,42 @@ var LinkAppearance = forwardRef(function (_ref2, __cmplr) {
 if (process.env.NODE_ENV !== 'production') {
   LinkAppearance.displayName = 'LinkAppearance';
 }
-export var IconAndTitleLayout = function IconAndTitleLayout(_ref3) {
-  var icon = _ref3.icon,
-    emoji = _ref3.emoji,
-    defaultIcon = _ref3.defaultIcon,
-    onClick = _ref3.onClick,
-    children = _ref3.children,
-    title = _ref3.title,
-    titleColor = _ref3.titleColor,
-    titleTextColor = _ref3.titleTextColor,
-    link = _ref3.link,
-    rightSide = _ref3.rightSide,
-    _ref3$testId = _ref3.testId,
-    testId = _ref3$testId === void 0 ? 'inline-card-icon-and-title' : _ref3$testId,
-    type = _ref3.type;
+export var IconAndTitleLayout = function IconAndTitleLayout(_ref2) {
+  var icon = _ref2.icon,
+    emoji = _ref2.emoji,
+    defaultIcon = _ref2.defaultIcon,
+    onClick = _ref2.onClick,
+    children = _ref2.children,
+    title = _ref2.title,
+    titleColor = _ref2.titleColor,
+    titleTextColor = _ref2.titleTextColor,
+    link = _ref2.link,
+    rightSide = _ref2.rightSide,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'inline-card-icon-and-title' : _ref2$testId,
+    type = _ref2.type;
   var renderAtlaskitIcon = React.useCallback(function () {
     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]);
   var profileType = fg('platform-linking-visual-refresh-v2') ? isProfileType(type) : false;
   var renderImageIcon = React.useCallback(function (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": "".concat(testId, "-image"),
-          alt: "",
-          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
-        }),
-        errored: errored,
-        loading: /*#__PURE__*/React.createElement(Shimmer, {
-          testId: "".concat(testId, "-loading")
-        })
-      });
-    }
-    var 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": "".concat(testId, "-image"),
         alt: "",
-        className: ax([profileType && styles.roundImageStyle])
-      })),
+        className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+      }),
       errored: errored,
       loading: /*#__PURE__*/React.createElement(Shimmer, {
         testId: "".concat(testId, "-loading")
@@ -126,23 +83,12 @@ export var IconAndTitleLayout = function IconAndTitleLayout(_ref3) {
     });
   }, [icon, profileType]);
   var renderIconPlaceholder = React.useCallback(function (testId) {
-    if (fg('platform-linking-visual-refresh-v1')) {
-      return defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {
-        label: "link",
-        LEGACY_size: "small",
-        testId: "".concat(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: "".concat(testId, "-default"),
       color: "currentColor"
-    }));
+    });
   }, [defaultIcon]);
   var renderIcon = React.useCallback(function (testId) {
     var icon = renderAtlaskitIcon();
@@ -172,7 +118,7 @@ export var IconAndTitleLayout = function IconAndTitleLayout(_ref3) {
   }, [onClick]);
 
   // maybe consider memoising this after clean up
-  var titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Box, {
+  var 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.
@@ -190,24 +136,13 @@ export var IconAndTitleLayout = function IconAndTitleLayout(_ref3) {
   }), /*#__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
     },
@@ -220,50 +155,21 @@ export var IconAndTitleLayout = function IconAndTitleLayout(_ref3) {
   }, 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
-var IconTitleWrapperOldVisualRefresh = forwardRef(function (_ref4, __cmplr) {
-  var _ref4$as = _ref4.as,
-    C = _ref4$as === void 0 ? "span" : _ref4$as,
-    __cmpls = _ref4.style,
-    __cmplp = _objectWithoutProperties(_ref4, _excluded3);
-  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 var IconTitleWrapper = function 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
-var LozengeWrapperOldVisualRefresh = forwardRef(function (_ref5, __cmplr) {
-  var _ref5$as = _ref5.as,
-    C = _ref5$as === void 0 ? "span" : _ref5$as,
-    __cmpls = _ref5.style,
-    __cmplp = _objectWithoutProperties(_ref5, _excluded4);
+var LozengeWrapperOldVisualRefresh = forwardRef(function (_ref3, __cmplr) {
+  var _ref3$as = _ref3.as,
+    C = _ref3$as === void 0 ? "span" : _ref3$as,
+    __cmpls = _ref3.style,
+    __cmplp = _objectWithoutProperties(_ref3, _excluded2);
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,

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