@atlaskit/smart-card 35.1.3 → 35.1.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 35.1.4
+
+### Patch Changes
+
+- [#119985](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119985)
+  [`7f921d5d72c34`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f921d5d72c34) -
+  [ux] Hovercard token ui redesign under FF
+- Updated dependencies
+
 ## 35.1.3
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.1.3"
+  packageVersion: "35.1.4"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.js

@@ -59,6 +59,7 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
     onClickCallback = _ref.onClick,
     size = _ref.size,
     spaceInline = _ref.spaceInline,
+    className = _ref.className,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
@@ -111,8 +112,10 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
   }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
-    "data-testid": testId,
-    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g"])
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g" : "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g", className])
   }, actions, /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
     message: message,
     testId: testId

package/dist/cjs/view/HoverCard/components/ImagePreview.js

@@ -39,7 +39,7 @@ var ImagePreviewNew = function ImagePreviewNew(_ref) {
       setDynamicStyles(_objectSpread({
         borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
         borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-        marginBottom: '0.5rem'
+        marginBottom: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "var(--ds-space-100, 8px)" : '0.5rem'
       }, previewHeight ? {
         height: "".concat(previewHeight, "px")
       } : {}));

package/dist/cjs/view/HoverCard/components/views/forbidden/index.compiled.css

@@ -6,5 +6,6 @@
 ._1e0c1nu9{display:inline}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._otyrcxkx{margin-bottom:var(--ds-space-100,.5rem)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
 ._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}
 ._y3gn1h6o{text-align:center}

package/dist/cjs/view/HoverCard/components/views/forbidden/index.js

@@ -25,9 +25,13 @@ var _blocks = require("../../../../FlexibleCard/components/blocks");
 var _HoverCardForbiddenViewOld = _interopRequireDefault(require("./HoverCardForbiddenViewOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var titleBlockStylesOld = null;
 var titleBlockStyles = null;
+var mainTextStylesOld = null;
 var mainTextStyles = null;
+var connectButtonStylesOld = null;
 var connectButtonStyles = null;
+var basePreviewStylesOld = null;
 var basePreviewStyles = null;
 var HoverCardForbiddenViewNew = function HoverCardForbiddenViewNew(_ref) {
   var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
@@ -61,11 +65,11 @@ var HoverCardForbiddenViewNew = function HoverCardForbiddenViewNew(_ref) {
     ignoreContainerPadding: true,
     testId: testId,
     status: _constants.SmartLinkStatus.Forbidden,
-    className: (0, _runtime.ax)(["_13lipd34 _qrwqpd34 _otyrcxkx"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_13lipd34 _qrwqpd34 _otyru2gc" : "_13lipd34 _qrwqpd34 _otyrcxkx"])
   }), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     testId: "".concat(testId, "-title"),
     status: _constants.SmartLinkStatus.Forbidden,
-    className: (0, _runtime.ax)(["_1bah1h6o _k48p1pd9 _19pku2gc"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1bah1h6o _k48p1pd9 _19pku2gc" : "_1bah1h6o _k48p1pd9 _19pku2gc"])
   }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[titleMessageKey], {
     values: {
       product: product
@@ -73,7 +77,7 @@ var HoverCardForbiddenViewNew = function HoverCardForbiddenViewNew(_ref) {
   }))), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     testId: "".concat(testId, "-content"),
     status: _constants.SmartLinkStatus.Forbidden,
-    className: (0, _runtime.ax)(["_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o" : "_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
   }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
     values: {
       product: product,
@@ -81,7 +85,7 @@ var HoverCardForbiddenViewNew = function HoverCardForbiddenViewNew(_ref) {
     }
   }))), action && /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     status: _constants.SmartLinkStatus.Forbidden,
-    className: (0, _runtime.ax)(["_1bah1h6o _19pku2gc"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1bah1h6o _19pku2gc" : "_1bah1h6o _19pku2gc"])
   }, /*#__PURE__*/React.createElement(_button.default, {
     testId: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,

package/dist/cjs/view/HoverCard/components/views/resolved/index.compiled.css

@@ -1,14 +1,17 @@
 
 ._2aco1vlj [data-smart-element-group]{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._quenui7n [data-smart-element-group]{gap:.06rem}
+._quenze3t [data-smart-element-group]{gap:var(--ds-space-0,0)}
 ._zulpidpf{gap:0}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
 ._1ljqu2gc [data-separator]+[data-separator]:before{margin-right:var(--ds-space-100,8px)}
 ._3tmpcxkx [data-smart-element-group]:nth-of-type(2)>span{margin-left:var(--ds-space-100,.5rem)}
 ._3um015vq{visibility:hidden}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._fmt31ohn [data-smart-element-group]:first-of-type{flex-grow:7}
 ._ia0l11wp [data-smart-element-group]:nth-of-type(2){flex-grow:3}
 ._kqswstnw{position:absolute}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._oebj1txw [data-smart-element-group]{display:flex}
 ._w3mucxkx [data-smart-element-group]:first-of-type>span{margin-right:var(--ds-space-100,.5rem)}
 ._x7z0u2gc [data-smart-element-group]>[data-smart-element-group]>span{margin-right:var(--ds-space-100,8px)}

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -23,12 +23,15 @@ var _HoverCardResolvedViewOld = _interopRequireDefault(require("./HoverCardResol
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var hiddenSnippetStyles = null;
-var metadataBlockCss = null;
+var metadataBlockCssOld = null;
 
 /**
  * Moved from HoverCardContent.tsx due to CompiledCSS migration.
  */
-var titleBlockStyle = null;
+var titleBlockStyleOld = null;
+var titleBlockStyles = null;
+var snippetBlockCss = null;
+var actionBlockCss = null;
 var HoverCardResolvedViewNew = function HoverCardResolvedViewNew(_ref) {
   var _cardState$details;
   var cardState = _ref.cardState,
@@ -73,20 +76,21 @@ var HoverCardResolvedViewNew = function HoverCardResolvedViewNew(_ref) {
     fallbackElementHeight: snippetHeight.current
   });
   var snippet = imagePreview ? null : /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
-    status: _constants.SmartLinkStatus.Resolved
+    status: _constants.SmartLinkStatus.Resolved,
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_ca0q1b66"])
   });
   var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
     metadataPosition: _constants.SmartLinkPosition.Top,
     status: _constants.SmartLinkStatus.Resolved,
-    className: (0, _runtime.ax)(["_zulpu2gc _quenui7n _oebj1txw _x7z0u2gc _1ljqu2gc _13mh1pd9"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_zulpu2gc _quenze3t _oebj1txw _13mh1pd9" : "_zulpu2gc _quenui7n _oebj1txw _x7z0u2gc _1ljqu2gc _13mh1pd9"])
   })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: primary,
     secondary: secondary,
     maxLines: 1,
     size: _constants.SmartLinkSize.Medium,
     status: _constants.SmartLinkStatus.Resolved,
-    className: (0, _runtime.ax)(["_zulpidpf _2aco1vlj _fmt31ohn _yklxcxkx _w3mucxkx _ia0l11wp _3tmpcxkx"])
+    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_zulpidpf _2aco1vlj _fmt31ohn _yklxcxkx _w3mucxkx _ia0l11wp _3tmpcxkx"])
   }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
     placeholder: snippet,
@@ -99,7 +103,8 @@ var HoverCardResolvedViewNew = function HoverCardResolvedViewNew(_ref) {
     className: (0, _runtime.ax)(["_3um015vq _kqswstnw"])
   }), /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
     onClick: onActionClick,
-    spaceInline: "space.100"
+    spaceInline: "space.100",
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_n3td1b66"])
   }), /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null));
 };
 var HoverCardResolvedView = function HoverCardResolvedView(props) {

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

@@ -1,5 +1,8 @@
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"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)}

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

@@ -28,8 +28,11 @@ var _elements = require("../../../../FlexibleCard/components/elements");
 var _HoverCardUnauthorisedViewOld = _interopRequireDefault(require("./HoverCardUnauthorisedViewOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var connectButtonStylesOld = null;
 var connectButtonStyles = null;
+var titleBlockStylesOld = null;
 var titleBlockStyles = null;
+var mainTextStylesOld = null;
 var mainTextStyles = null;
 var HoverCardUnauthorisedViewNew = function HoverCardUnauthorisedViewNew(_ref) {
   var _cardState$details, _extractProvider;
@@ -68,20 +71,20 @@ var HoverCardUnauthorisedViewNew = function HoverCardUnauthorisedViewNew(_ref) {
     testId: testId
   }), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     testId: "".concat(testId, "-title"),
-    className: (0, _runtime.ax)(["_zulp5l1i _bpsp1wq8"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9" : "_zulp5l1i _bpsp1wq8"])
   }, /*#__PURE__*/React.createElement(_elements.LinkIcon, null), /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
     values: {
       context: providerName
     }
   }))), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     testId: "".concat(testId, "-content"),
-    className: (0, _runtime.ax)(["_11c8qk37 _19pkcxkx"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c8qk37 _19pku2gc" : "_11c8qk37 _19pkcxkx"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_UnauthorisedViewContent.default, {
     providerName: providerName,
     isProductIntegrationSupported: isProductIntegrationSupported
   }))), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     testId: "".concat(testId, "-button"),
-    className: (0, _runtime.ax)(["_1bahesu3 _19pkcxkx"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1bahesu3 _19pku2gc" : "_1bahesu3 _19pkcxkx"])
   }, /*#__PURE__*/React.createElement(_actionGroup.default, {
     items: actions,
     appearance: "primary"

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.1.3",
+  packageVersion: "35.1.4",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.1.3"
+  packageVersion: "35.1.4"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/index.js

@@ -48,6 +48,7 @@ const ActionBlockNew = ({
   onClick: onClickCallback,
   size,
   spaceInline,
+  className,
   testId = 'smart-block-action'
 }) => {
   const context = useFlexibleUiContext();
@@ -92,8 +93,10 @@ const ActionBlockNew = ({
   }, [context === null || context === void 0 ? void 0 : context.actions, onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
-    "data-testid": testId,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g", fg('platform-linking-visual-refresh-v1') && "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g"])
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g" : "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g", className])
   }, actions, /*#__PURE__*/React.createElement(ActionFooter, {
     message: message,
     testId: testId

package/dist/es2019/view/HoverCard/components/ImagePreview.js

@@ -20,7 +20,7 @@ const ImagePreviewNew = ({
       setDynamicStyles({
         borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
         borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-        marginBottom: '0.5rem',
+        marginBottom: fg('platform-linking-visual-refresh-v1') ? "var(--ds-space-100, 8px)" : '0.5rem',
         ...(previewHeight ? {
           height: `${previewHeight}px`
         } : {})

package/dist/es2019/view/HoverCard/components/views/forbidden/index.compiled.css

@@ -6,5 +6,6 @@
 ._1e0c1nu9{display:inline}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._otyrcxkx{margin-bottom:var(--ds-space-100,.5rem)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
 ._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}
 ._y3gn1h6o{text-align:center}

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

@@ -15,9 +15,13 @@ import { messages } from '../../../../../messages';
 import FlexibleCard from '../../../../FlexibleCard';
 import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
 import HoverCardForbiddenViewOld from './HoverCardForbiddenViewOld';
+const titleBlockStylesOld = null;
 const titleBlockStyles = null;
+const mainTextStylesOld = null;
 const mainTextStyles = null;
+const connectButtonStylesOld = null;
 const connectButtonStyles = null;
+const basePreviewStylesOld = null;
 const basePreviewStyles = null;
 const HoverCardForbiddenViewNew = ({
   flexibleCardProps,
@@ -55,11 +59,11 @@ const HoverCardForbiddenViewNew = ({
     ignoreContainerPadding: true,
     testId: testId,
     status: SmartLinkStatus.Forbidden,
-    className: ax(["_13lipd34 _qrwqpd34 _otyrcxkx"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_13lipd34 _qrwqpd34 _otyru2gc" : "_13lipd34 _qrwqpd34 _otyrcxkx"])
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-title`,
     status: SmartLinkStatus.Forbidden,
-    className: ax(["_1bah1h6o _k48p1pd9 _19pku2gc"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bah1h6o _k48p1pd9 _19pku2gc" : "_1bah1h6o _k48p1pd9 _19pku2gc"])
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
     values: {
       product
@@ -67,7 +71,7 @@ const HoverCardForbiddenViewNew = ({
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-content`,
     status: SmartLinkStatus.Forbidden,
-    className: ax(["_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o" : "_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
     values: {
       product,
@@ -75,7 +79,7 @@ const HoverCardForbiddenViewNew = ({
     }
   }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
     status: SmartLinkStatus.Forbidden,
-    className: ax(["_1bah1h6o _19pku2gc"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bah1h6o _19pku2gc" : "_1bah1h6o _19pku2gc"])
   }, /*#__PURE__*/React.createElement(Button, {
     testId: `${testId}-button`,
     onClick: action === null || action === void 0 ? void 0 : action.promise,

package/dist/es2019/view/HoverCard/components/views/resolved/index.compiled.css

@@ -1,14 +1,17 @@
 
 ._2aco1vlj [data-smart-element-group]{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._quenui7n [data-smart-element-group]{gap:.06rem}
+._quenze3t [data-smart-element-group]{gap:var(--ds-space-0,0)}
 ._zulpidpf{gap:0}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
 ._1ljqu2gc [data-separator]+[data-separator]:before{margin-right:var(--ds-space-100,8px)}
 ._3tmpcxkx [data-smart-element-group]:nth-of-type(2)>span{margin-left:var(--ds-space-100,.5rem)}
 ._3um015vq{visibility:hidden}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._fmt31ohn [data-smart-element-group]:first-of-type{flex-grow:7}
 ._ia0l11wp [data-smart-element-group]:nth-of-type(2){flex-grow:3}
 ._kqswstnw{position:absolute}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._oebj1txw [data-smart-element-group]{display:flex}
 ._w3mucxkx [data-smart-element-group]:first-of-type>span{margin-right:var(--ds-space-100,.5rem)}
 ._x7z0u2gc [data-smart-element-group]>[data-smart-element-group]>span{margin-right:var(--ds-space-100,8px)}

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

@@ -13,12 +13,15 @@ import { getMetadata } from '../../../utils';
 import ImagePreview from '../../ImagePreview';
 import HoverCardResolvedViewOld from './HoverCardResolvedViewOld';
 const hiddenSnippetStyles = null;
-const metadataBlockCss = null;
+const metadataBlockCssOld = null;
 
 /**
  * Moved from HoverCardContent.tsx due to CompiledCSS migration.
  */
-const titleBlockStyle = null;
+const titleBlockStyleOld = null;
+const titleBlockStyles = null;
+const snippetBlockCss = null;
+const actionBlockCss = null;
 const HoverCardResolvedViewNew = ({
   cardState,
   extensionKey,
@@ -66,20 +69,21 @@ const HoverCardResolvedViewNew = ({
     fallbackElementHeight: snippetHeight.current
   });
   const snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, {
-    status: SmartLinkStatus.Resolved
+    status: SmartLinkStatus.Resolved,
+    className: ax([fg('platform-linking-visual-refresh-v1') && "_ca0q1b66"])
   });
   const aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_zulpu2gc _quenui7n _oebj1txw _x7z0u2gc _1ljqu2gc _13mh1pd9"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _quenze3t _oebj1txw _13mh1pd9" : "_zulpu2gc _quenui7n _oebj1txw _x7z0u2gc _1ljqu2gc _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: primary,
     secondary: secondary,
     maxLines: 1,
     size: SmartLinkSize.Medium,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_zulpidpf _2aco1vlj _fmt31ohn _yklxcxkx _w3mucxkx _ia0l11wp _3tmpcxkx"])
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_zulpidpf _2aco1vlj _fmt31ohn _yklxcxkx _w3mucxkx _ia0l11wp _3tmpcxkx"])
   }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
     placeholder: snippet,
@@ -92,7 +96,8 @@ const HoverCardResolvedViewNew = ({
     className: ax(["_3um015vq _kqswstnw"])
   }), /*#__PURE__*/React.createElement(ActionBlock, {
     onClick: onActionClick,
-    spaceInline: "space.100"
+    spaceInline: "space.100",
+    className: ax([fg('platform-linking-visual-refresh-v1') && "_n3td1b66"])
   }), /*#__PURE__*/React.createElement(AIFooterBlock, null));
 };
 const HoverCardResolvedView = props => {

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

@@ -1,5 +1,8 @@
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"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)}

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

@@ -18,8 +18,11 @@ import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
 import { LinkIcon } from '../../../../FlexibleCard/components/elements';
 import HoverCardUnauthorisedViewOld from './HoverCardUnauthorisedViewOld';
+const connectButtonStylesOld = null;
 const connectButtonStyles = null;
+const titleBlockStylesOld = null;
 const titleBlockStyles = null;
+const mainTextStylesOld = null;
 const mainTextStyles = null;
 const HoverCardUnauthorisedViewNew = ({
   id = '',
@@ -59,20 +62,20 @@ const HoverCardUnauthorisedViewNew = ({
     testId: testId
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-title`,
-    className: ax(["_zulp5l1i _bpsp1wq8"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9" : "_zulp5l1i _bpsp1wq8"])
   }, /*#__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(["_11c8qk37 _19pkcxkx"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c8qk37 _19pku2gc" : "_11c8qk37 _19pkcxkx"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     providerName: providerName,
     isProductIntegrationSupported: isProductIntegrationSupported
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-button`,
-    className: ax(["_1bahesu3 _19pkcxkx"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bahesu3 _19pku2gc" : "_1bahesu3 _19pkcxkx"])
   }, /*#__PURE__*/React.createElement(ActionGroup, {
     items: actions,
     appearance: "primary"

package/dist/es2019/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.1.3",
+  packageVersion: "35.1.4",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.1.3"
+  packageVersion: "35.1.4"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/blocks/action-block/index.js

@@ -49,6 +49,7 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
     onClickCallback = _ref.onClick,
     size = _ref.size,
     spaceInline = _ref.spaceInline,
+    className = _ref.className,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
   var context = useFlexibleUiContext();
@@ -101,8 +102,10 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
   }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
-    "data-testid": testId,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g", fg('platform-linking-visual-refresh-v1') && "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g"])
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g" : "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g", className])
   }, actions, /*#__PURE__*/React.createElement(ActionFooter, {
     message: message,
     testId: testId

package/dist/esm/view/HoverCard/components/ImagePreview.js

@@ -29,7 +29,7 @@ var ImagePreviewNew = function ImagePreviewNew(_ref) {
       setDynamicStyles(_objectSpread({
         borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
         borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-        marginBottom: '0.5rem'
+        marginBottom: fg('platform-linking-visual-refresh-v1') ? "var(--ds-space-100, 8px)" : '0.5rem'
       }, previewHeight ? {
         height: "".concat(previewHeight, "px")
       } : {}));

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

@@ -6,5 +6,6 @@
 ._1e0c1nu9{display:inline}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._otyrcxkx{margin-bottom:var(--ds-space-100,.5rem)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
 ._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}
 ._y3gn1h6o{text-align:center}

package/dist/esm/view/HoverCard/components/views/forbidden/index.js

@@ -15,9 +15,13 @@ import { messages } from '../../../../../messages';
 import FlexibleCard from '../../../../FlexibleCard';
 import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
 import HoverCardForbiddenViewOld from './HoverCardForbiddenViewOld';
+var titleBlockStylesOld = null;
 var titleBlockStyles = null;
+var mainTextStylesOld = null;
 var mainTextStyles = null;
+var connectButtonStylesOld = null;
 var connectButtonStyles = null;
+var basePreviewStylesOld = null;
 var basePreviewStyles = null;
 var HoverCardForbiddenViewNew = function HoverCardForbiddenViewNew(_ref) {
   var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
@@ -51,11 +55,11 @@ var HoverCardForbiddenViewNew = function HoverCardForbiddenViewNew(_ref) {
     ignoreContainerPadding: true,
     testId: testId,
     status: SmartLinkStatus.Forbidden,
-    className: ax(["_13lipd34 _qrwqpd34 _otyrcxkx"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_13lipd34 _qrwqpd34 _otyru2gc" : "_13lipd34 _qrwqpd34 _otyrcxkx"])
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-title"),
     status: SmartLinkStatus.Forbidden,
-    className: ax(["_1bah1h6o _k48p1pd9 _19pku2gc"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bah1h6o _k48p1pd9 _19pku2gc" : "_1bah1h6o _k48p1pd9 _19pku2gc"])
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
     values: {
       product: product
@@ -63,7 +67,7 @@ var HoverCardForbiddenViewNew = function HoverCardForbiddenViewNew(_ref) {
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-content"),
     status: SmartLinkStatus.Forbidden,
-    className: ax(["_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o" : "_11c8qk37 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
     values: {
       product: product,
@@ -71,7 +75,7 @@ var HoverCardForbiddenViewNew = function HoverCardForbiddenViewNew(_ref) {
     }
   }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
     status: SmartLinkStatus.Forbidden,
-    className: ax(["_1bah1h6o _19pku2gc"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bah1h6o _19pku2gc" : "_1bah1h6o _19pku2gc"])
   }, /*#__PURE__*/React.createElement(Button, {
     testId: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,

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

@@ -1,14 +1,17 @@
 
 ._2aco1vlj [data-smart-element-group]{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._quenui7n [data-smart-element-group]{gap:.06rem}
+._quenze3t [data-smart-element-group]{gap:var(--ds-space-0,0)}
 ._zulpidpf{gap:0}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
 ._1ljqu2gc [data-separator]+[data-separator]:before{margin-right:var(--ds-space-100,8px)}
 ._3tmpcxkx [data-smart-element-group]:nth-of-type(2)>span{margin-left:var(--ds-space-100,.5rem)}
 ._3um015vq{visibility:hidden}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._fmt31ohn [data-smart-element-group]:first-of-type{flex-grow:7}
 ._ia0l11wp [data-smart-element-group]:nth-of-type(2){flex-grow:3}
 ._kqswstnw{position:absolute}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._oebj1txw [data-smart-element-group]{display:flex}
 ._w3mucxkx [data-smart-element-group]:first-of-type>span{margin-right:var(--ds-space-100,.5rem)}
 ._x7z0u2gc [data-smart-element-group]>[data-smart-element-group]>span{margin-right:var(--ds-space-100,8px)}

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -13,12 +13,15 @@ import { getMetadata } from '../../../utils';
 import ImagePreview from '../../ImagePreview';
 import HoverCardResolvedViewOld from './HoverCardResolvedViewOld';
 var hiddenSnippetStyles = null;
-var metadataBlockCss = null;
+var metadataBlockCssOld = null;
 
 /**
  * Moved from HoverCardContent.tsx due to CompiledCSS migration.
  */
-var titleBlockStyle = null;
+var titleBlockStyleOld = null;
+var titleBlockStyles = null;
+var snippetBlockCss = null;
+var actionBlockCss = null;
 var HoverCardResolvedViewNew = function HoverCardResolvedViewNew(_ref) {
   var _cardState$details;
   var cardState = _ref.cardState,
@@ -63,20 +66,21 @@ var HoverCardResolvedViewNew = function HoverCardResolvedViewNew(_ref) {
     fallbackElementHeight: snippetHeight.current
   });
   var snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, {
-    status: SmartLinkStatus.Resolved
+    status: SmartLinkStatus.Resolved,
+    className: ax([fg('platform-linking-visual-refresh-v1') && "_ca0q1b66"])
   });
   var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_zulpu2gc _quenui7n _oebj1txw _x7z0u2gc _1ljqu2gc _13mh1pd9"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _quenze3t _oebj1txw _13mh1pd9" : "_zulpu2gc _quenui7n _oebj1txw _x7z0u2gc _1ljqu2gc _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: primary,
     secondary: secondary,
     maxLines: 1,
     size: SmartLinkSize.Medium,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_zulpidpf _2aco1vlj _fmt31ohn _yklxcxkx _w3mucxkx _ia0l11wp _3tmpcxkx"])
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_zulpidpf _2aco1vlj _fmt31ohn _yklxcxkx _w3mucxkx _ia0l11wp _3tmpcxkx"])
   }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
     placeholder: snippet,
@@ -89,7 +93,8 @@ var HoverCardResolvedViewNew = function HoverCardResolvedViewNew(_ref) {
     className: ax(["_3um015vq _kqswstnw"])
   }), /*#__PURE__*/React.createElement(ActionBlock, {
     onClick: onActionClick,
-    spaceInline: "space.100"
+    spaceInline: "space.100",
+    className: ax([fg('platform-linking-visual-refresh-v1') && "_n3td1b66"])
   }), /*#__PURE__*/React.createElement(AIFooterBlock, null));
 };
 var HoverCardResolvedView = function HoverCardResolvedView(props) {

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

@@ -1,5 +1,8 @@
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"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)}

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

@@ -18,8 +18,11 @@ import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
 import { LinkIcon } from '../../../../FlexibleCard/components/elements';
 import HoverCardUnauthorisedViewOld from './HoverCardUnauthorisedViewOld';
+var connectButtonStylesOld = null;
 var connectButtonStyles = null;
+var titleBlockStylesOld = null;
 var titleBlockStyles = null;
+var mainTextStylesOld = null;
 var mainTextStyles = null;
 var HoverCardUnauthorisedViewNew = function HoverCardUnauthorisedViewNew(_ref) {
   var _cardState$details, _extractProvider;
@@ -58,20 +61,20 @@ var HoverCardUnauthorisedViewNew = function HoverCardUnauthorisedViewNew(_ref) {
     testId: testId
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-title"),
-    className: ax(["_zulp5l1i _bpsp1wq8"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9" : "_zulp5l1i _bpsp1wq8"])
   }, /*#__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(["_11c8qk37 _19pkcxkx"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c8qk37 _19pku2gc" : "_11c8qk37 _19pkcxkx"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     providerName: providerName,
     isProductIntegrationSupported: isProductIntegrationSupported
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-button"),
-    className: ax(["_1bahesu3 _19pkcxkx"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bahesu3 _19pku2gc" : "_1bahesu3 _19pkcxkx"])
   }, /*#__PURE__*/React.createElement(ActionGroup, {
     items: actions,
     appearance: "primary"

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.1.3",
+  packageVersion: "35.1.4",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "35.1.3",
+	"version": "35.1.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 		"@atlaskit/heading": "^5.1.0",
 		"@atlaskit/icon": "^24.1.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^3.2.0",
+		"@atlaskit/icon-lab": "^3.3.0",
 		"@atlaskit/icon-object": "^7.0.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",