@atlaskit/smart-card 43.20.4 → 43.20.6

package/dist/esm/view/FlexibleCard/components/elements/common/base-date-time-element/index.js

@@ -22,10 +22,10 @@ var typeToDescriptorMap = {
   }
 };
 var fontOverrideStyleMap = {
-  'font.body': "_11c82smr",
-  'font.body.large': "_11c81ixg",
-  'font.body.small': "_11c81o8v",
-  'font.body.UNSAFE_small': "_11c8dcr7"
+  'font.body': "_11c8fhey",
+  'font.body.large': "_11c81d4k",
+  'font.body.small': "_11c8wadc",
+  'font.body.UNSAFE_small': "_11c8rymc"
 };
 /**
  * A base element that displays an ISO Timestamp in text.
@@ -94,7 +94,7 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_11c81o8v _1reo15vq _18m915vq _syazazsu _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", fontSize !== undefined && fontOverrideStyleMap[fontSize], className])
+    className: ax(["_11c8wadc _1reo15vq _18m915vq _syazazsu _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", fontSize !== undefined && fontOverrideStyleMap[fontSize], className])
   }, content);
 };
 export default BaseDateTimeElement;

package/dist/esm/view/FlexibleCard/components/elements/common/base-icon-element/index.compiled.css

@@ -1,5 +1,5 @@
-._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8nf1z{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c810sd{font:var(--ds-font-heading-large,normal 653 24px/28px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81e3o{font:var(--ds-font-heading-small,normal 653 1pc/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
 ._19pkidpf{margin-top:0}

package/dist/esm/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -29,10 +29,10 @@ var positionStyleMap = {
   top: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1wpz1y6m"
 };
 var customRenderStyleMap = {
-  xlarge: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
-  large: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
-  medium: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym",
-  small: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym"
+  xlarge: "_1reo15vq _18m915vq _11c810sd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
+  large: "_1reo15vq _18m915vq _11c810sd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
+  medium: "_1reo15vq _18m915vq _11c81e3o _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym",
+  small: "_1reo15vq _18m915vq _11c81e3o _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym"
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : SmartLinkSize.Medium;

package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.compiled.css

@@ -1,8 +1,8 @@
 
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-a._10uedcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+a._10uerymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}

package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -32,10 +32,10 @@ var withTooltip = function withTooltip(trigger, content, testId) {
   }, trigger);
 };
 var linkStyleSizeMap = {
-  xlarge: "_11c8lodh _k48pi7a9 _vwz41k8s",
-  large: "_11c82smr _k48pi7a9 _vwz41j6v",
-  medium: "_11c82smr _k48pi7a9 _vwz41j6v",
-  small: "_11c8dcr7 _k48pi7a9 _vwz41j6v"
+  xlarge: "_11c81af2 _k48pi7a9 _vwz41k8s",
+  large: "_11c8fhey _k48pi7a9 _vwz41j6v",
+  medium: "_11c8fhey _k48pi7a9 _vwz41j6v",
+  small: "_11c8rymc _k48pi7a9 _vwz41j6v"
 };
 var baseAnchorStyle = null;
 var workBreakStyleMap = {
@@ -60,7 +60,7 @@ var anchorLinkLineHeight2Map = {
   small: "_102kviql"
 };
 var themeStyleMap = {
-  grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
+  grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uerymc _ye10131l",
   black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
   link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
 };

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.compiled.css

@@ -1,7 +1,7 @@
-._102e2smr >span{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._pqme2smr >div{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._102efhey >span{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._pqmefhey >div{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._14hp1wdt button{width:220px}
 ._18m915vq{overflow-y:hidden}

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -15,11 +15,11 @@ import useInvokeClientAction from '../../../../../../../../state/hooks/use-invok
 import { getFormattedMessage } from '../../../../../utils';
 var MAX_LINE_NUMBER = 8;
 var styles = {
-  contentStyles: "_zulpu2gc _11c81ixg _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme2smr _102e2smr _ngc01fxt _1t4p1fxt",
-  linkStyles: "_zulpu2gc _1reo15vq _18m915vq _11c82smr _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o",
-  textStylesBase: "_11c81ixg _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54",
+  contentStyles: "_zulpu2gc _11c81d4k _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqmefhey _102efhey _ngc01fxt _1t4p1fxt",
+  linkStyles: "_zulpu2gc _1reo15vq _18m915vq _11c8fhey _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o",
+  textStylesBase: "_11c81d4k _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54",
   dropdownItemGroupStyles: "_14hp1wdt _6pup1kw7 _1eo073ad",
-  openIssueInJiraStyles: "_11c82smr _bfhk1j28 _1bah1e5h _1e0c1kw7 _syaz13af _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l312zz"
+  openIssueInJiraStyles: "_11c8fhey _bfhk1j28 _1bah1e5h _1e0c1kw7 _syaz13af _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l312zz"
 };
 var LozengeActionError = function LozengeActionError(_ref) {
   var errorMessage = _ref.errorMessage,

package/dist/esm/view/FlexibleCard/components/elements/common/base-text-element/index.compiled.css

@@ -1,7 +1,7 @@
-._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0ccj1k{display:-webkit-box}

package/dist/esm/view/FlexibleCard/components/elements/common/base-text-element/index.js

@@ -5,10 +5,10 @@ import { ax, ix } from "@compiled/react/runtime";
 import { getFormattedMessage } from '../../../utils';
 var baseStyle = null;
 var fontOverrideStyleMap = {
-  'font.body': "_11c82smr",
-  'font.body.large': "_11c81ixg",
-  'font.body.small': "_11c81o8v",
-  'font.body.UNSAFE_small': "_11c8dcr7"
+  'font.body': "_11c8fhey",
+  'font.body.large': "_11c81d4k",
+  'font.body.small': "_11c8wadc",
+  'font.body.UNSAFE_small': "_11c8rymc"
 };
 /**
  * A base element that displays some Text.
@@ -41,7 +41,7 @@ export var BaseTextElement = function BaseTextElement(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_11c81o8v _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fontOverrideStyleMap[fontSize], "_1yyjr31u _102klxil", className]),
+    className: ax(["_11c8wadc _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fontOverrideStyleMap[fontSize], "_1yyjr31u _102klxil", className]),
     style: {
       color: color,
       "--_1erfju8": ix(maxLines),

package/dist/esm/view/FlexibleCard/components/elements/custom-by-access-type-element/index.compiled.css

@@ -1,7 +1,7 @@
-._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0ccj1k{display:-webkit-box}

package/dist/esm/view/FlexibleCard/components/elements/custom-by-access-type-element/index.js

@@ -13,10 +13,10 @@ var isMessageDescriptor = function isMessageDescriptor(x) {
   return ! /*#__PURE__*/React.isValidElement(x);
 };
 var fontOverrideStyleMap = {
-  'font.body': "_11c82smr",
-  'font.body.large': "_11c81ixg",
-  'font.body.small': "_11c81o8v",
-  'font.body.UNSAFE_small': "_11c8dcr7"
+  'font.body': "_11c8fhey",
+  'font.body.large': "_11c81d4k",
+  'font.body.small': "_11c8wadc",
+  'font.body.UNSAFE_small': "_11c8rymc"
 };
 var maxLinesCss = null;
 var CustomElementByAccessType = function CustomElementByAccessType(_ref) {
@@ -54,7 +54,7 @@ var CustomElementByAccessType = function CustomElementByAccessType(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_11c81o8v _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", props.fontSize !== undefined && fontOverrideStyleMap[props.fontSize], "_1yyjkb7n _102k1j6v", className])
+    className: ax(["_11c8wadc _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", props.fontSize !== undefined && fontOverrideStyleMap[props.fontSize], "_1yyjkb7n _102k1j6v", className])
   }, contentForAccessType);
 };
 export default CustomElementByAccessType;

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

@@ -5,6 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useEffect, useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
+import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { InternalActionName, SmartLinkStatus } from '../../constants';
 import { extractPlaceHolderCardState } from '../../extractors/flexible/extract-placeholder-data';
@@ -117,7 +118,9 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var retry = (_flexibleCardContext$ = flexibleCardContext.data) === null || _flexibleCardContext$ === void 0 || (_flexibleCardContext$ = _flexibleCardContext$.actions) === null || _flexibleCardContext$ === void 0 ? void 0 : _flexibleCardContext$[InternalActionName.UnresolvedAction];
   return /*#__PURE__*/React.createElement(FlexibleCardContext.Provider, {
     value: flexibleCardContext
-  }, /*#__PURE__*/React.createElement(Container, _extends({
+  }, PENDING_LINK_STATUSES.includes(status) && !Boolean(placeholderCardState) && fg('ufo_hold_flexible_card') && /*#__PURE__*/React.createElement(UFOHoldLoad, {
+    name: "smart-card-flexible-card"
+  }), /*#__PURE__*/React.createElement(Container, _extends({
     testId: testId
   }, ui, {
     onClick: onClick,

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

@@ -1,4 +1,4 @@
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}

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

@@ -56,7 +56,7 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
     }
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-content"),
-    className: ax(["_11c8dcr7 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
+    className: ax(["_11c8rymc _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
     values: {
       product: product,

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

@@ -1,4 +1,4 @@
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}

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

@@ -62,7 +62,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     }
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-content"),
-    className: ax(["_11c8dcr7 _19pku2gc"])
+    className: ax(["_11c8rymc _19pku2gc"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     providerName: providerName,
     isProductIntegrationSupported: isProductIntegrationSupported

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

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._154i1ssb{top:50%}

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

@@ -152,7 +152,7 @@ export var IconAndTitleLayout = function IconAndTitleLayout(_ref2) {
     testId: "icon-empty-wrapper"
   }), /*#__PURE__*/React.createElement("span", {
     "data-testid": "icon-wrapper",
-    className: ax(["_11c81o8v _2rkolb4i _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
+    className: ax(["_11c8wadc _2rkolb4i _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
   }, renderIcon(testId)))), /*#__PURE__*/React.createElement(Box, {
     as: "span",
     style: {

package/dist/esm/view/InlineCard/ResolvingView/index.compiled.css

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._1bah1h6o{justify-content:center}
 ._1bsb7vkz{width:1pc}
 ._1e0c116y{display:inline-flex}

package/dist/esm/view/InlineCard/ResolvingView/index.js

@@ -8,7 +8,7 @@ import { Frame } from '../Frame';
 import { IconAndTitleLayout, IconTitleWrapper } from '../IconAndTitleLayout';
 import { RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
 var styles = {
-  spinnerWrapper: "_11c81o8v _1e0c116y _4cvr1h6o _1bah1h6o _4t3i7vkz _1bsb7vkz"
+  spinnerWrapper: "_11c8wadc _1e0c116y _4cvr1h6o _1bah1h6o _4t3i7vkz _1bsb7vkz"
 };
 export var InlineCardResolvingView = function InlineCardResolvingView(_ref) {
   var url = _ref.url,

package/dist/esm/view/RelatedLinksModal/components/related-link-item/index.compiled.css

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulputpp{gap:var(--ds-space-150,9pt)}
 ._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
 ._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}

package/dist/esm/view/RelatedLinksModal/components/related-link-item/index.js

@@ -40,7 +40,7 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
     subtitle: subtitle,
     anchorTarget: "_blank",
     size: ui.size,
-    className: ax(["_zulputpp _11c81o8v _ca0qu2gc _n3tdu2gc"])
+    className: ax(["_zulputpp _11c8wadc _ca0qu2gc _n3tdu2gc"])
   })));
 };
 export default RelatedLinkItem;

package/dist/esm/view/RelatedLinksModal/components/related-links-list/index.compiled.css

@@ -1,5 +1,5 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8i4vh{font:var(--ds-font-heading-xxsmall,normal 653 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/esm/view/RelatedLinksModal/components/related-links-list/index.js

@@ -7,9 +7,9 @@ import { Box, Stack } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../../messages';
 import RelatedLinkItem from '../related-link-item';
 var styles = {
-  sectionTitleOld: "_11c81vhk _1q511b66",
-  sectionTitle: "_11c81vhk _syazazsu _1q511b66",
-  boxStyle: "_11c81o8v _1rjcu2gc"
+  sectionTitleOld: "_11c8i4vh _1q511b66",
+  sectionTitle: "_11c8i4vh _syazazsu _1q511b66",
+  boxStyle: "_11c8wadc _1rjcu2gc"
 };
 var RelatedLinksList = function RelatedLinksList(_ref) {
   var urls = _ref.urls,

package/dist/esm/view/common/ai-summary/index.compiled.css

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._181u1kdv{-webkit-user-select:text}
 ._1nmz1hna{word-break:break-word}
 ._1rkw1kdv{-moz-user-select:text}

package/dist/esm/view/common/ai-summary/index.js

@@ -26,7 +26,7 @@ var AISummary = function AISummary(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_11c81o8v _syazazsu _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className]),
+    className: ax(["_11c8wadc _syazazsu _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className]),
     children: content,
     options: {
       forceWrapper: true,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.20.4",
+	"version": "43.20.6",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -73,7 +73,7 @@
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tile": "^1.0.0",
 		"@atlaskit/tmp-editor-statsig": "^16.23.0",
-		"@atlaskit/tokens": "^9.1.0",
+		"@atlaskit/tokens": "^10.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -103,7 +103,7 @@
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlassian/a11y-jest-testing": "^0.6.0",
+		"@atlassian/a11y-jest-testing": "^0.7.0",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/gemini": "^1.28.0",
@@ -242,6 +242,9 @@
 		},
 		"navx-2185-smart-link-preview-modal-icon-role": {
 			"type": "boolean"
+		},
+		"ufo_hold_flexible_card": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"