@atlaskit/smart-card 35.1.2 → 35.1.4

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -12,9 +12,11 @@ import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } fr
 import ResolvedViewOld from './ResolvedViewOld';
 import { FlexibleCardUiOptions, getSimulatedBetterMetadata, PreviewBlockOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
+var titleBlockCssOld = null;
 var titleBlockCss = null;
+var footerBlockCssOld = null;
 var footerBlockCss = null;
-var metadataBlockCss = null;
+var metadataBlockCssOld = null;
 
 /**
  * This view represents a Block card that has an 'Resolved' status.
@@ -72,17 +74,17 @@ var ResolvedView = function ResolvedView(_ref) {
     }],
     metadataPosition: SmartLinkPosition.Top,
     status: status,
-    className: ax(["_zulpcxkx _13mh1pd9"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulpcxkx _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: topMetadata,
     maxLines: 1,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_wwyvidpf _1sxbcxkx _i8d01j6v"])
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_wwyvidpf _1sxbcxkx _i8d01j6v"])
   }), /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomMetadata,
     maxLines: 1,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_wwyvidpf _1sxbcxkx _i8d01j6v"])
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_wwyvidpf _1sxbcxkx _i8d01j6v"])
   }), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, _extends({}, PreviewBlockOptions, {
     onError: function onError() {
       setIsPreviewBlockErrored(true);
@@ -91,7 +93,7 @@ var ResolvedView = function ResolvedView(_ref) {
   })) : null, /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_4t3i1k8s _g0eioxwj _1qryoxwj _sxbroxwj _1gyioxwj"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb" : "_4t3i1k8s _g0eioxwj _1qryoxwj _sxbroxwj _1gyioxwj"])
   }));
 };
 var ResolvedViewExported = function ResolvedViewExported(props) {

package/dist/esm/view/BlockCard/views/UnauthorisedView.compiled.css

@@ -1,3 +1,5 @@
 ._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)}
 ._19pkcxkx{margin-top:var(--ds-space-100,.5rem)}
-._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
+._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}

package/dist/esm/view/BlockCard/views/UnauthorisedView.js

@@ -8,6 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { extractProvider } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
 import { hasAuthScopeOverrides } from '../../../state/helpers';
@@ -15,6 +16,7 @@ import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
 import { AuthorizeAction } from '../actions/AuthorizeAction';
 import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
+var contentStylesOld = null;
 var contentStyles = null;
 
 /**
@@ -61,7 +63,7 @@ var UnauthorisedView = function UnauthorisedView(_ref) {
     testId: testId
   }), /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testId, "-content"),
-    className: ax(["_11c8qk37 _syaz131l _19pkcxkx"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c8qk37 _syaz1fxt _19pku2gc" : "_11c8qk37 _syaz131l _19pkcxkx"])
   }, content));
 };
 export default withFlexibleUIBlockCardStyle(UnauthorisedView);

package/dist/esm/view/BlockCard/views/unresolved-view/index.compiled.css

@@ -1,5 +1,14 @@
 
-._zulp1f3t{gap:var(--ds-space-100,.5em)}._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._zulp1f3t{gap:var(--ds-space-100,.5em)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
+._1bah1yb4{justify-content:space-between}
+._1e0c1txw{display:flex}
+._1wpz1fhb{align-self:stretch}
+._2yhz14q2 [data-smart-element=Title]{color:var(--ds-link,#0c66e4)}
 ._4cvr1y6m{align-items:flex-start}
+._4cvresu3{align-items:flex-end}
 ._4t3i1k8s{height:1.5rem}
-._g0eioxwj .actions-button-group button, ._1qryoxwj .actions-button-group button:active, ._sxbroxwj .actions-button-group button:focus, ._1gyioxwj .actions-button-group button:hover{font-size:.875rem}
+._7yjtidpf >div{margin-top:0}
+._g0eioxwj .actions-button-group button, ._1qryoxwj .actions-button-group button:active, ._sxbroxwj .actions-button-group button:focus, ._1gyioxwj .actions-button-group button:hover{font-size:.875rem}
+._ngc01fxt >div{color:var(--ds-text,#172b4d)}

package/dist/esm/view/BlockCard/views/unresolved-view/index.js

@@ -8,8 +8,11 @@ import FlexibleCard from '../../../FlexibleCard';
 import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions } from '../utils';
 import UnresolvedViewOld from './UnresolvedViewOld';
+var customBlockStylesOld = null;
 var customBlockStyles = null;
+var titleBlockCssOld = null;
 var titleBlockCss = null;
+var footerBlockCssOld = null;
 var footerBlockCss = null;
 var UnresolvedView = function UnresolvedView(_ref) {
   var actions = _ref.actions,
@@ -37,17 +40,17 @@ var UnresolvedView = function UnresolvedView(_ref) {
     hideIcon: !!title,
     text: title,
     status: cardState.status,
-    className: ax(["_zulp1f3t _13mh1pd9"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulp1f3t _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(CustomBlock, {
     status: cardState.status,
-    className: ax(["_4cvr1y6m"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt" : "_4cvr1y6m"])
   }, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, _extends({}, PreviewBlockOptions, {
     status: cardState.status
   })), /*#__PURE__*/React.createElement(InternalFooterBlock, {
     actions: actions,
     testId: "smart-block-card-footer",
     status: cardState.status,
-    className: ax(["_4t3i1k8s _g0eioxwj _1qryoxwj _sxbroxwj _1gyioxwj"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb" : "_4t3i1k8s _g0eioxwj _1qryoxwj _sxbroxwj _1gyioxwj"])
   }));
 };
 export var UnresolvedViewExported = function UnresolvedViewExported(props) {

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/FlexibleCard/components/container/index.compiled.css

@@ -16,7 +16,7 @@
 ._19bv16ru{padding-left:calc(var(--preview-block-width) + var(--ds-space-250, 20px))}
 ._19bv1g7w{padding-left:calc(var(--preview-block-width) + var(--ds-space-200, 1pc))}
 ._19bv1ltm{padding-left:calc(var(--preview-block-width) + .25rem)}
-._19bv1ugb{padding-left:calc(var(--preview-block-width) + var(--ds-space-050, 4px))}
+._19bver0k{padding-left:calc(var(--preview-block-width) + var(--ds-space-300, 24px))}
 ._19bvf557{padding-left:calc(var(--preview-block-width) + 1rem)}
 ._19bvlbes{padding-left:calc(var(--preview-block-width) + var(--ds-space-100, 8px))}
 ._19bvqox2{padding-left:calc(var(--preview-block-width) + .5rem)}
@@ -26,8 +26,8 @@
 ._1reo15vq{overflow-x:hidden}
 ._1t4ckb7n .has-action, ._1nxdkb7n a, ._xnbykb7n button{z-index:1}
 ._1ul9idpf{min-width:0}
-._1yob1b66{--container-gap-right:var(--ds-space-050,4px)}
 ._1yob1eak{--container-gap-right:var(--ds-space-200,16px)}
+._1yob1ejb{--container-gap-right:var(--ds-space-300,24px)}
 ._1yob1j6v{--container-gap-right:1rem}
 ._1yob1k92{--container-gap-right:1.25rem}
 ._1yob1kwk{--container-gap-right:.5rem}
@@ -47,13 +47,13 @@
 ._u5f316ru{padding-right:calc(var(--preview-block-width) + var(--ds-space-250, 20px))}
 ._u5f31g7w{padding-right:calc(var(--preview-block-width) + var(--ds-space-200, 1pc))}
 ._u5f31ltm{padding-right:calc(var(--preview-block-width) + .25rem)}
-._u5f31ugb{padding-right:calc(var(--preview-block-width) + var(--ds-space-050, 4px))}
+._u5f3er0k{padding-right:calc(var(--preview-block-width) + var(--ds-space-300, 24px))}
 ._u5f3f557{padding-right:calc(var(--preview-block-width) + 1rem)}
 ._u5f3lbes{padding-right:calc(var(--preview-block-width) + var(--ds-space-100, 8px))}
 ._u5f3qox2{padding-right:calc(var(--preview-block-width) + .5rem)}
 ._y5vk167t{--container-gap-left:var(--_73mooq)}
-._y5vk1b66{--container-gap-left:var(--ds-space-050,4px)}
 ._y5vk1eak{--container-gap-left:var(--ds-space-200,16px)}
+._y5vk1ejb{--container-gap-left:var(--ds-space-300,24px)}
 ._y5vk1j6v{--container-gap-left:1rem}
 ._y5vk1k92{--container-gap-left:1.25rem}
 ._y5vk1kwk{--container-gap-left:.5rem}

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -213,10 +213,10 @@ var previewOnLeftStyleMapOld = {
   small: "_19bv1ltm _y5vk6mu8"
 };
 var previewOnLeftStyleMap = {
-  xlarge: "_19bv16ru _y5vkv47k",
-  large: "_19bv1g7w _y5vk1eak",
-  medium: "_19bvlbes _y5vku2gc",
-  small: "_19bv1ugb _y5vk1b66"
+  xlarge: "_19bver0k _y5vk1ejb",
+  large: "_19bv16ru _y5vkv47k",
+  medium: "_19bv1g7w _y5vk1eak",
+  small: "_19bvlbes _y5vku2gc"
 };
 
 // TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
@@ -227,10 +227,10 @@ var previewOnRightStyleMapOld = {
   small: "_u5f31ltm _1yob6mu8"
 };
 var previewOnRightStyleMap = {
-  xlarge: "_u5f316ru _1yobv47k",
-  large: "_u5f31g7w _1yob1eak",
-  medium: "_u5f3lbes _1yobu2gc",
-  small: "_u5f31ugb _1yob1b66"
+  xlarge: "_u5f3er0k _1yob1ejb",
+  large: "_u5f316ru _1yobv47k",
+  medium: "_u5f31g7w _1yob1eak",
+  small: "_u5f3lbes _1yobu2gc"
 };
 
 /**

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.2",
+  packageVersion: "35.1.4",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/BlockCard/views/ForbiddenViewOld.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type FlexibleBlockCardProps } from './types';
+/**
+ * This view represent a Block Card with the 'Forbidden' status.
+ * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+export declare const ForbiddenViewOld: ({ testId, ...props }: FlexibleBlockCardProps) => React.JSX.Element;

package/dist/types/view/BlockCard/views/NotFoundViewOld.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block Card with a 'Not_Found' status.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+export declare const NotFoundViewOld: ({ testId, ...props }: FlexibleBlockCardProps) => React.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/ForbiddenViewOld.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type FlexibleBlockCardProps } from './types';
+/**
+ * This view represent a Block Card with the 'Forbidden' status.
+ * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+export declare const ForbiddenViewOld: ({ testId, ...props }: FlexibleBlockCardProps) => React.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/NotFoundViewOld.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block Card with a 'Not_Found' status.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+export declare const NotFoundViewOld: ({ testId, ...props }: FlexibleBlockCardProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "35.1.2",
+	"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",