@atlaskit/smart-card 39.1.0 → 39.2.1

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

@@ -12,7 +12,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
@@ -25,33 +24,19 @@ var _actionButton = require("../common/action-button");
 var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"));
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _styled = require("../styled");
-var _withFrameStyleControl = _interopRequireDefault(require("../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 ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
-      label: "error",
-      color: "var(--ds-icon-danger, #C9372C)",
-      LEGACY_fallbackIcon: _lockFilled.default,
-      LEGACY_size: "small",
-      testId: "forbidden-view-fallback-icon"
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    as: "span",
-    xcss: styles.iconWrapper
-  }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
+  return /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
     label: "error",
     color: "var(--ds-icon-danger, #C9372C)",
     LEGACY_fallbackIcon: _lockFilled.default,
     LEGACY_size: "small",
     testId: "forbidden-view-fallback-icon"
-  }));
+  });
 };
 var InlineCardForbiddenView = exports.InlineCardForbiddenView = function InlineCardForbiddenView(_ref) {
   var url = _ref.url,
@@ -93,60 +78,36 @@ var InlineCardForbiddenView = exports.InlineCardForbiddenView = function InlineC
     });
   }, [context, requestAccessContext]);
   var renderActionButton = _react.default.useCallback(function () {
-    var Button = (0, _withFrameStyleControl.default)(_button.default, frameRef);
     var accessType = requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType;
     if (hasRequestAccessContextMessage) {
-      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-        var isDisabled = accessType === 'PENDING_REQUEST_EXISTS';
-        return /*#__PURE__*/_react.default.createElement(_actionButton.ActionButton, {
-          isDisabled: isDisabled,
-          onClick: handleRetry,
-          testId: "button-connect-other-account"
-        }, renderForbiddenAccessMessage());
-      }
-      return /*#__PURE__*/_react.default.createElement(Button, {
-        spacing: "none",
+      var isDisabled = accessType === 'PENDING_REQUEST_EXISTS';
+      return /*#__PURE__*/_react.default.createElement(_actionButton.ActionButton, {
+        isDisabled: isDisabled,
         onClick: handleRetry,
-        component: _styled.IconStyledButtonOldVisualRefresh,
-        testId: "button-connect-other-account",
-        role: "button",
-        isDisabled: accessType === 'PENDING_REQUEST_EXISTS'
+        testId: "button-connect-other-account"
       }, renderForbiddenAccessMessage());
     }
     if (onAuthorise) {
-      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-        if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-inline-lozenge')) {
-          return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-            xcss: styles.actionButtonLozengeStyleNew,
-            onClick: handleRetry,
-            style: {
-              font: "inherit"
-            },
-            testId: "button-connect-other-account"
-          }, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
-            appearance: "moved"
-          }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
-            isBold: true
-          } : undefined), renderForbiddenAccessMessage()));
-        }
-        return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-          xcss: styles.actionButtonLozengeStyleOld,
+      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-inline-lozenge')) {
+        return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+          xcss: styles.actionButtonLozengeStyleNew,
           onClick: handleRetry,
+          style: {
+            font: "inherit"
+          },
           testId: "button-connect-other-account"
-        }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
+        }, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
           appearance: "moved"
         }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
           isBold: true
-        } : undefined), renderForbiddenAccessMessage())));
+        } : undefined), renderForbiddenAccessMessage()));
       }
-      return /*#__PURE__*/_react.default.createElement(Button, {
-        spacing: "none",
+      return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+        xcss: styles.actionButtonLozengeStyleOld,
         onClick: handleRetry,
-        appearance: "subtle-link",
-        testId: "button-connect-other-account",
-        role: "button"
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
-        appearance: 'moved'
+        testId: "button-connect-other-account"
+      }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
+        appearance: "moved"
       }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
         isBold: true
       } : undefined), renderForbiddenAccessMessage())));

package/dist/cjs/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/cjs/view/InlineCard/Frame/styled.js

@@ -12,12 +12,10 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"],
   _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var lineHeight = 22;
 var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var truncateInline = _ref.truncateInline,
     withoutBackground = _ref.withoutBackground,
@@ -29,7 +27,7 @@ var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(func
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && !(0, _platformFeatureFlags.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: (0, _runtime.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);
 });
 var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -44,11 +42,10 @@ var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(
     href: href,
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && !(0, _platformFeatureFlags.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: (0, _runtime.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;
@@ -56,7 +53,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/cjs/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/cjs/view/InlineCard/IconAndTitleLayout/index.js

@@ -20,11 +20,8 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../../utils");
 var _Icon = require("../Icon");
-var _styled = require("./styled");
 var _excluded = ["as", "style"],
-  _excluded2 = ["as", "style"],
-  _excluded3 = ["as", "style"],
-  _excluded4 = ["as", "style"];
+  _excluded2 = ["as", "style"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var iconWrapperStyle = null;
 var iconImageStyle = null;
@@ -36,28 +33,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 = (0, _react.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 = (0, _react.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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: (0, _runtime.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 = (0, _react.forwardRef)(function (_ref2, __cmplr) {
-  var _ref2$as = _ref2.as,
-    C = _ref2$as === void 0 ? "a" : _ref2$as,
-    __cmpls = _ref2.style,
-    __cmplp = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
@@ -67,66 +48,42 @@ var LinkAppearance = (0, _react.forwardRef)(function (_ref2, __cmplr) {
 if (process.env.NODE_ENV !== 'production') {
   LinkAppearance.displayName = 'LinkAppearance';
 }
-var IconAndTitleLayout = exports.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;
+var IconAndTitleLayout = exports.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.default.useCallback(function () {
     if (emoji) {
-      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-        return emoji;
-      }
-      return /*#__PURE__*/_react.default.createElement(_styled.EmojiWrapperOldVisualRefresh, null, emoji);
+      return emoji;
     }
     if (!icon || typeof icon === 'string') {
       return null;
     }
-    if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-      return icon;
-    }
-    return /*#__PURE__*/_react.default.createElement(_styled.IconWrapperOldVisualRefresh, null, icon);
+    return icon;
   }, [emoji, icon]);
   var profileType = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? (0, _utils.isProfileType)(type) : false;
   var renderImageIcon = _react.default.useCallback(function (errored, testId) {
     if (!icon || typeof icon !== 'string') {
       return null;
     }
-    if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-      return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
-        src: icon,
-        loaded: /*#__PURE__*/_react.default.createElement("img", {
-          src: icon,
-          "data-testid": "".concat(testId, "-image"),
-          alt: "",
-          className: (0, _runtime.ax)(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
-        }),
-        errored: errored,
-        loading: /*#__PURE__*/_react.default.createElement(_Icon.Shimmer, {
-          testId: "".concat(testId, "-loading")
-        })
-      });
-    }
-    var removedProps = !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? {
-      className: 'smart-link-icon'
-    } : {};
     return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
       src: icon,
-      loaded: /*#__PURE__*/_react.default.createElement(_Icon.Icon, (0, _extends2.default)({}, removedProps, {
+      loaded: /*#__PURE__*/_react.default.createElement("img", {
         src: icon,
         "data-testid": "".concat(testId, "-image"),
         alt: "",
-        className: (0, _runtime.ax)([profileType && styles.roundImageStyle])
-      })),
+        className: (0, _runtime.ax)(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+      }),
       errored: errored,
       loading: /*#__PURE__*/_react.default.createElement(_Icon.Shimmer, {
         testId: "".concat(testId, "-loading")
@@ -134,23 +91,12 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = function IconAndTitleLayou
     });
   }, [icon, profileType]);
   var renderIconPlaceholder = _react.default.useCallback(function (testId) {
-    if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-      return defaultIcon || /*#__PURE__*/_react.default.createElement(_link.default, {
-        label: "link",
-        LEGACY_size: "small",
-        testId: "".concat(testId, "-default"),
-        color: "currentColor"
-      });
-    }
-    if (defaultIcon) {
-      return /*#__PURE__*/_react.default.createElement(_styled.IconWrapperOldVisualRefresh, null, defaultIcon);
-    }
-    return /*#__PURE__*/_react.default.createElement(_styled.IconWrapperOldVisualRefresh, null, /*#__PURE__*/_react.default.createElement(_link.default, {
+    return defaultIcon || /*#__PURE__*/_react.default.createElement(_link.default, {
       label: "link",
       LEGACY_size: "small",
       testId: "".concat(testId, "-default"),
       color: "currentColor"
-    }));
+    });
   }, [defaultIcon]);
   var renderIcon = _react.default.useCallback(function (testId) {
     var icon = renderAtlaskitIcon();
@@ -180,7 +126,7 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = function IconAndTitleLayou
   }, [onClick]);
 
   // maybe consider memoising this after clean up
-  var titlePart = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  var titlePart = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.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.
@@ -198,24 +144,13 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = function IconAndTitleLayou
   }), /*#__PURE__*/_react.default.createElement("span", {
     "data-testId": "icon-wrapper",
     className: (0, _runtime.ax)(["_11c81o8v _2rkoyh40 _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
-  }, renderIcon(testId)))) : /*#__PURE__*/_react.default.createElement(_styled.IconPositionWrapperOldVisualRefresh, {
-    "data-testid": "icon-position-wrapper"
-  }, children || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconEmptyWrapperOldVisualRefresh, {
-    "data-testid": "icon-empty-wrapper"
-  }), renderIcon(testId))), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, renderIcon(testId)))), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",
     style: {
       color: titleTextColor
     }
-  }, title) : /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: titleTextColor
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: _styled.TitleWrapperClassNameOldVisualRefresh
   }, title));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(IconTitleWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(IconTitleWrapper, {
     style: {
       color: titleColor
     },
@@ -228,50 +163,21 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = function IconAndTitleLayou
   }, titlePart) : titlePart, rightSide ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",
     xcss: styles.noLinkAppearanceStyle
-  }, rightSide) : null) : /*#__PURE__*/_react.default.createElement(IconTitleWrapperOldVisualRefresh, {
-    style: {
-      color: titleColor
-    },
-    "data-testid": testId
-  }, link ? /*#__PURE__*/_react.default.createElement(LinkAppearance, {
-    href: link,
-    onClick: handleClick,
-    onKeyPress: handleKeyPress
-  }, titlePart) : titlePart, rightSide ? /*#__PURE__*/_react.default.createElement(NoLinkAppearanceOldVisualRefresh, null, rightSide) : null));
+  }, rightSide) : null));
 };
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
-var IconTitleWrapperOldVisualRefresh = (0, _react.forwardRef)(function (_ref4, __cmplr) {
-  var _ref4$as = _ref4.as,
-    C = _ref4$as === void 0 ? "span" : _ref4$as,
-    __cmpls = _ref4.style,
-    __cmplp = (0, _objectWithoutProperties2.default)(_ref4, _excluded3);
-  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: (0, _runtime.ax)(["_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", __cmplp.className])
-  }));
-});
-if (process.env.NODE_ENV !== 'production') {
-  IconTitleWrapperOldVisualRefresh.displayName = 'IconTitleWrapperOldVisualRefresh';
-}
 var IconTitleWrapper = exports.IconTitleWrapper = function IconTitleWrapper(props) {
-  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
-      as: "span",
-      xcss: styles.iconTitleWrapperStyle
-    }, props));
-  }
-  // note: This is just to get the types to work due to compiled css weirdness.
-  return /*#__PURE__*/_react.default.createElement(IconTitleWrapperOldVisualRefresh, props);
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
+    as: "span",
+    xcss: styles.iconTitleWrapperStyle
+  }, props));
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
-var LozengeWrapperOldVisualRefresh = (0, _react.forwardRef)(function (_ref5, __cmplr) {
-  var _ref5$as = _ref5.as,
-    C = _ref5$as === void 0 ? "span" : _ref5$as,
-    __cmpls = _ref5.style,
-    __cmplp = (0, _objectWithoutProperties2.default)(_ref5, _excluded4);
+var LozengeWrapperOldVisualRefresh = (0, _react.forwardRef)(function (_ref3, __cmplr) {
+  var _ref3$as = _ref3.as,
+    C = _ref3$as === void 0 ? "span" : _ref3$as,
+    __cmpls = _ref3.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
   return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,

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