@atlaskit/smart-card 34.10.0 → 34.10.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 34.10.2
+
+### Patch Changes
+
+- [#109758](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109758)
+  [`1a1900f9bf95b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1a1900f9bf95b) -
+  [ux] Update flexible card tokens
+
+## 34.10.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 34.10.0
 
 ### Minor Changes

package/dist/cjs/messages.js

@@ -743,22 +743,22 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   },
   join_to_viewIssueTermRefresh: {
     id: 'fabric.linking.join_to_view-issue-term-refresh',
-    defaultMessage: "Join {context} to view this work item",
+    defaultMessage: 'Join {context} to view this work item',
     description: 'Allows the user join the product or service immediately'
   },
   open_issue_in_jiraIssueTermRefresh: {
     id: 'fabric.linking.open_issue_in_jira-issue-term-refresh',
-    defaultMessage: "Open work item in Jira",
+    defaultMessage: 'Open work item in Jira',
     description: 'Click to open link in Jira'
   },
   request_access_to_viewIssueTermRefresh: {
     id: 'fabric.linking.request_access_to_view-issue-term-refresh',
-    defaultMessage: "Request access to {context} to view this work item",
+    defaultMessage: 'Request access to {context} to view this work item',
     description: 'Allows the user to request access to a product or service'
   },
   status_change_permission_errorIssueTermRefresh: {
     id: 'fabric.linking.status_change_permission_error-issue-term-refresh',
-    defaultMessage: "You don’t have permission to transition this work item. ",
+    defaultMessage: 'You don’t have permission to transition this work item. ',
     description: 'Informs the user that they do not have enough permissions to update a status'
   }
 });

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: "34.10.0"
+  packageVersion: "34.10.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/action/action-icon/index.compiled.css

@@ -6,6 +6,7 @@
 ._1bsb1j6v{width:1rem}
 ._1bsb1k8s{width:1.5rem}
 ._1bsbgktf{width:20px}
+._1e0c116y{display:inline-flex}
 ._1e0c1o8l{display:inline-block}
 ._1o9zidpf{flex-shrink:0}
 ._1rg21j6v img, ._q7cv1j6v span, ._xwbj1j6v svg{min-width:1rem}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -31,8 +31,11 @@ var iconSizeStyleMap = {
   '1rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
   '20px': "_16jlidpf _1o9zidpf _i0dl1wug _4t3igktf _1tkegktf _c71lgktf _1bsbgktf _1ul9gktf _p12fgktf _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7gktf _1xjxgktf _1752gktf _qci8gktf _15izgktf _erubgktf _19l3gktf _1pr2gktf _1u5tgktf _mezjgktf _e2oogktf _w8l5gktf _1rg2gktf _q7cvgktf _xwbjgktf _rtysgktf _b8nkgktf _4x20gktf"
 };
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var stackItemIconStylesOld = null;
+var stackItemIconStylesCompiled = null;
 var stackItemIconStyles = null;
-var newStackItemIconStyles = null;
 var iconStyleMap = {
   true: "_syaz2oi6",
   false: "_syazwdcn"
@@ -51,7 +54,7 @@ var ActionIconNew = function ActionIconNew(_ref) {
   }
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-icon"),
-    className: (0, _runtime.ax)([iconStyleMap[isDisabled ? 'true' : 'false'], "_1e0c1o8l"])
+    className: (0, _runtime.ax)([iconStyleMap[isDisabled ? 'true' : 'false'], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1e0c116y" : "_1e0c1o8l"])
   }, icon);
 };
 var ActionIcon = function ActionIcon(props) {

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,5 +1,6 @@
 
-._kkk2n7od{all:unset}._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)}
+._kkk2n7od{all:unset}._11c81vlj{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)}
+._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)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._1bsb1osq{width:100%}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -24,6 +24,9 @@ var styles = {
   button: "_kkk2n7od _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _irr3166n _1di61dty",
   content: "_11c8qk37 _syaz1fxt"
 };
+var contentStyles = {
+  content: "_11c81vlj _syaz1fxt"
+};
 var ActionButtonNew = function ActionButtonNew(_ref) {
   var content = _ref.content,
     iconOption = _ref.icon,
@@ -61,7 +64,7 @@ var ActionButtonNew = function ActionButtonNew(_ref) {
     grow: "fill",
     space: space
   }, icon, /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: styles.content
+    xcss: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? contentStyles.content : styles.content
   }, content)));
 };
 var ActionButton = function ActionButton(props) {

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

@@ -1,5 +1,6 @@
 ._16jlkb7n{flex-grow:1}
 ._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
+._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}

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

@@ -21,6 +21,8 @@ var _actionFooter = require("./action-footer");
 var _ActionBlockOld = _interopRequireDefault(require("./ActionBlockOld"));
 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; }
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var ignoreContainerPaddingStylesOld = null;
 var ignoreContainerPaddingStyles = null;
 var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 var sort = function sort(a, b) {
@@ -110,7 +112,7 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId,
-    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g"])
+    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"])
   }, actions, /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
     message: message,
     testId: testId

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.compiled.css

@@ -1,8 +1,12 @@
 
 ._zulp147b{gap:var(--ds-space-250,1.25rem)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
 ._zulp1e9d{gap:var(--ds-space-200,1rem)}
 ._zulpcxkx{gap:var(--ds-space-100,.5rem)}
-._zulppdf9{gap:var(--ds-space-050,.25rem)}._16jlkb7n{flex-grow:1}
+._zulppdf9{gap:var(--ds-space-050,.25rem)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
+._zulpv47k{gap:var(--ds-space-250,20px)}._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
 ._1aaynkob >div, ._15tynkob >span{vertical-align:middle}
 ._1bah1y6m{justify-content:flex-start}
@@ -44,6 +48,7 @@
 ._s7n4nkob{vertical-align:middle}
 ._sudp1e54{-webkit-box-orient:vertical}
 ._vwz41j6v{line-height:1rem}
+._vwz47vkz{line-height:1pc}
 ._y3gn1e5h{text-align:left}
 ._y3gnusic{text-align:right}
 @supports not (-webkit-line-clamp:1){._102k1k8s{max-height:1.5rem}._102k1m1q{max-height:1.75rem}}

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.js

@@ -21,12 +21,20 @@ var alignmentStyleMap = {
   right: "_1dthh9n0 _r291h9n0 _1bahesu3 _y3gnusic",
   left: "_1dthv2br _r291v2br _1bah1y6m _y3gn1e5h"
 };
-var baseStyleBySize = {
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var baseStyleBySizeOld = {
   xlarge: "_zulp147b _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
   large: "_zulp1e9d _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
   medium: "_zulpcxkx _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
   small: "_zulppdf9 _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v"
 };
+var baseStyleBySize = {
+  xlarge: "_zulpv47k _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz47vkz",
+  large: "_zulppxbi _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz47vkz",
+  medium: "_zulpu2gc _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz47vkz",
+  small: "_zulp1b66 _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz47vkz"
+};
 var baseStyleByDirection = {
   horizontal: "_2lx2vrvc _4cvr1h6o",
   vertical: "_2lx21bp4 _4cvr1y6m"
@@ -83,12 +91,13 @@ var ElementGroupNew = function ElementGroupNew(_ref) {
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? _constants.SmartLinkPosition.Center : _ref$position,
     className = _ref.className;
+  var isHorizontal = direction === _constants.SmartLinkDirection.Horizontal;
   return /*#__PURE__*/React.createElement("div", {
     "data-smart-element-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([baseStyleBySize[size], baseStyleByDirection[direction], "_fiawglyw _1ouwidpf _f6ju1ns9", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], direction === _constants.SmartLinkDirection.Horizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", direction === _constants.SmartLinkDirection.Horizontal && horizontalStyleByHeight[size], direction === _constants.SmartLinkDirection.Horizontal && align === _constants.SmartLinkAlignment.Left && gapStylesLeft[size], direction === _constants.SmartLinkDirection.Horizontal && align === _constants.SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? baseStyleBySize[size] : baseStyleBySizeOld[size], baseStyleByDirection[direction], "_fiawglyw _1ouwidpf _f6ju1ns9", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], isHorizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", isHorizontal && horizontalStyleByHeight[size], isHorizontal && align === _constants.SmartLinkAlignment.Left && gapStylesLeft[size], isHorizontal && align === _constants.SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
   }, (0, _utils.renderChildren)(children, size));
 };
 var ElementGroup = function ElementGroup(props) {

package/dist/cjs/view/FlexibleCard/components/container/index.compiled.css

@@ -1,14 +1,24 @@
 
 ._19itn8v0{border:var(--_vzvmm2)}
+._19itpp12{border:var(--_18x9sjc)}
 ._1yt418y6{padding:var(--_1xumd0e)}
+._2rkob7nn{border-radius:var(--ds-border-radius-300,9pt)}
 ._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._zulp1bpf{gap:var(--ds-space-100,8px) 0}
 ._zulp1jvo{gap:1.25rem 0}
 ._zulp1qos{gap:.5rem 0}
 ._zulpfzsm{gap:.25rem 0}
-._zulph3jc{gap:1rem 0}._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._zulph3jc{gap:1rem 0}
+._zulpr2fv{gap:var(--ds-space-250,20px) 0}
+._zulpswc3{gap:var(--ds-space-050,4px) 0}
+._zulpzu5n{gap:var(--ds-space-200,1pc) 0}._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19bv15sf{padding-left:calc(var(--preview-block-width) + 1.25rem)}
+._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))}
 ._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)}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1e0c1txw{display:flex}
@@ -16,11 +26,15 @@
 ._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)}
 ._1yob1j6v{--container-gap-right:1rem}
 ._1yob1k92{--container-gap-right:1.25rem}
 ._1yob1kwk{--container-gap-right:.5rem}
 ._1yob1wow{--container-gap-right:var(--_12k13bg)}
 ._1yob6mu8{--container-gap-right:.25rem}
+._1yobu2gc{--container-gap-right:var(--ds-space-100,8px)}
+._1yobv47k{--container-gap-right:var(--ds-space-250,20px)}
 ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._2lx21bp4{flex-direction:column}
 ._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
@@ -30,12 +44,20 @@
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._r37x1r5k{--preview-block-width:30%}
 ._u5f315sf{padding-right:calc(var(--preview-block-width) + 1.25rem)}
+._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))}
 ._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)}
 ._y5vk1j6v{--container-gap-left:1rem}
 ._y5vk1k92{--container-gap-left:1.25rem}
 ._y5vk1kwk{--container-gap-left:.5rem}
 ._y5vk6mu8{--container-gap-left:.25rem}
+._y5vku2gc{--container-gap-left:var(--ds-space-100,8px)}
+._y5vkv47k{--container-gap-left:var(--ds-space-250,20px)}
 ._1v7y1i6y .has-action:focus, ._ufn21i6y a:focus{outline-offset:var(--ds-space-negative-025,-2px)}

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

@@ -100,15 +100,29 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
   });
 };
 var baseStyleCommon = null;
-var backgroundStyle = null;
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var backgroundStyleOld = null;
+var backgroundStyles = null;
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var elevationStylesOld = null;
 var elevationStyles = null;
 var clickableContainerStyles = null;
-var gapStyleMap = {
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var gapStyleMapOld = {
   xlarge: "_zulp1jvo",
   large: "_zulph3jc",
   medium: "_zulp1qos",
   small: "_zulpfzsm"
 };
+var gapStyleMap = {
+  xlarge: "_zulpr2fv",
+  large: "_zulpzu5n",
+  medium: "_zulp1bpf",
+  small: "_zulpswc3"
+};
 
 /**
  * Get container padding based on smart link size
@@ -116,6 +130,19 @@ var gapStyleMap = {
  * at view/FlexibleCard/components/utils.tsx
  */
 var getPadding = function getPadding(size) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+    switch (size) {
+      case _constants.SmartLinkSize.XLarge:
+        return "var(--ds-space-300, 24px)";
+      case _constants.SmartLinkSize.Large:
+        return "var(--ds-space-250, 20px)";
+      case _constants.SmartLinkSize.Medium:
+        return "var(--ds-space-200, 16px)";
+      case _constants.SmartLinkSize.Small:
+      default:
+        return "var(--ds-space-100, 8px)";
+    }
+  }
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return '1.5rem';
@@ -129,6 +156,19 @@ var getPadding = function getPadding(size) {
   }
 };
 var getGap = function getGap(size) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+    switch (size) {
+      case _constants.SmartLinkSize.XLarge:
+        return "var(--ds-space-250, 1.25rem)";
+      case _constants.SmartLinkSize.Large:
+        return "var(--ds-space-200, 1rem)";
+      case _constants.SmartLinkSize.Medium:
+        return "var(--ds-space-100, .5rem)";
+      case _constants.SmartLinkSize.Small:
+      default:
+        return "var(--ds-space-050, .25rem)";
+    }
+  }
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return '1.25rem';
@@ -141,18 +181,34 @@ var getGap = function getGap(size) {
       return '.25rem';
   }
 };
-var previewOnLeftStyleMap = {
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var previewOnLeftStyleMapOld = {
   xlarge: "_19bv15sf _y5vk1k92",
   large: "_19bvf557 _y5vk1j6v",
   medium: "_19bvqox2 _y5vk1kwk",
   small: "_19bv1ltm _y5vk6mu8"
 };
-var previewOnRightStyleMap = {
+var previewOnLeftStyleMap = {
+  xlarge: "_19bv16ru _y5vkv47k",
+  large: "_19bv1g7w _y5vk1eak",
+  medium: "_19bvlbes _y5vku2gc",
+  small: "_19bv1ugb _y5vk1b66"
+};
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var previewOnRightStyleMapOld = {
   xlarge: "_u5f315sf _1yob1k92",
   large: "_u5f3f557 _1yob1j6v",
   medium: "_u5f3qox2 _1yob1kwk",
   small: "_u5f31ltm _1yob6mu8"
 };
+var previewOnRightStyleMap = {
+  xlarge: "_u5f316ru _1yobv47k",
+  large: "_u5f31g7w _1yob1eak",
+  medium: "_u5f3lbes _1yobu2gc",
+  small: "_u5f31ugb _1yob1b66"
+};
 
 /**
  * A container is a hidden component that build the Flexible Smart Link.
@@ -196,10 +252,20 @@ var ContainerNew = function ContainerNew(_ref3) {
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
   var containerPaddingStyles = null;
-  var container = /*#__PURE__*/_react.default.createElement("div", {
+  var container = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement("div", {
+    "data-smart-link-container": true,
+    "data-testid": testId,
+    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMap[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMap[size], previewOnRight && previewOnRightStyleMap[size], !hideElevation && "_19itpp12 _2rkob7nn _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
+    style: {
+      "--_1xumd0e": (0, _runtime.ix)(padding),
+      "--_73mooq": (0, _runtime.ix)(previewOnLeft ? gap : padding),
+      "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding),
+      "--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
+    }
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick)) : /*#__PURE__*/_react.default.createElement("div", {
     "data-smart-link-container": true,
     "data-testid": testId,
-    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMap[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMap[size], previewOnRight && previewOnRightStyleMap[size], !hideElevation && "_19itn8v0 _2rkopd34 _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
+    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMapOld[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMapOld[size], previewOnRight && previewOnRightStyleMapOld[size], !hideElevation && "_19itn8v0 _2rkopd34 _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
     style: {
       "--_1xumd0e": (0, _runtime.ix)(padding),
       "--_73mooq": (0, _runtime.ix)(previewOnLeft ? gap : padding),

package/dist/cjs/view/FlexibleCard/components/elements/badge/index.compiled.css

@@ -1,3 +1,4 @@
+._11c81vlj{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)}
 ._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)}
 ._16jlidpf{flex-grow:0}
 ._19bv1xvx{padding-left:var(--ds-space-025,.125rem)}
@@ -25,6 +26,7 @@
 ._rtys1j6v img, ._b8nk1j6v span, ._4x201j6v svg{max-width:1rem}
 ._s7n4nkob{vertical-align:middle}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 ._syaz1oju{color:var(--ds-icon-subtle,#626f86)}
 ._uhasidpf svg{padding-right:0}
 ._vwz4idpf{line-height:0}

package/dist/cjs/view/FlexibleCard/components/elements/badge/index.js

@@ -21,8 +21,9 @@ var _messageMapper;
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 var badgeStyles = null;
 var iconStyles = null;
-// ${getIconSizeStyles('1rem')}
 
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var labelStylesOld = null;
 var labelStyles = null;
 var messageMapper = (_messageMapper = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityBlocker, _messages.messages.priority_blocker), _constants.IconType.PriorityCritical, _messages.messages.priority_critical), _constants.IconType.PriorityHigh, _messages.messages.priority_high), _constants.IconType.PriorityHighest, _messages.messages.priority_highest), _constants.IconType.PriorityLow, _messages.messages.priority_low), _constants.IconType.PriorityLowest, _messages.messages.priority_lowest), _constants.IconType.PriorityMajor, _messages.messages.priority_major), _constants.IconType.PriorityMedium, _messages.messages.priority_medium), _constants.IconType.PriorityMinor, _messages.messages.priority_minor), _constants.IconType.PriorityTrivial, _messages.messages.priority_trivial), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityUndefined, _messages.messages.priority_undefined));
 var getFormattedMessageFromIcon = function getFormattedMessageFromIcon(icon) {
@@ -93,7 +94,7 @@ var BadgeNew = function BadgeNew(_ref) {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _syaz1oju _vwz4idpf _s7n4nkob _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v _1jtnidpf _13t3idpf _rm9uidpf _rtqbnkob _e4kmnkob _z239nkob"])
   }, badgeIcon), /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "".concat(testId, "-label"),
-    className: (0, _runtime.ax)(["_11c8qk37 _syaz131l _19bv1xvx _s7n4nkob"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81vlj _syaz1gjq _19bv1xvx _s7n4nkob" : "_11c8qk37 _syaz131l _19bv1xvx _s7n4nkob"])
   }, formattedMessageOrLabel));
 };
 var Badge = function Badge(props) {

package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.compiled.css

@@ -1,3 +1,4 @@
+._11c81vlj{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)}
 ._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)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -7,4 +8,5 @@
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._sudp1e54{-webkit-box-orient:vertical}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 @supports not (-webkit-line-clamp:1){._102k1j6v{max-height:1rem}}

package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.js

@@ -18,6 +18,8 @@ var _messages = require("../../../../../messages");
 var _DateTimeOld = _interopRequireDefault(require("./DateTimeOld"));
 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; }
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var stylesOld = null;
 var styles = null;
 var typeToDescriptorMap = {
   created: {
@@ -82,7 +84,7 @@ var DateTimeNew = function DateTimeNew(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_11c8qk37 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", className])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81vlj _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v" : "_11c8qk37 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", className])
   }, text ? "".concat(text, " ").concat(context) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
     values: {
       context: context

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -21,6 +21,9 @@ var _excluded = ["content", "maxLines", "className"];
 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 SNIPPET_DEFAULT_MAX_LINES = 3;
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var snippetBaseStyleOld = null;
 var snippetBaseStyle = null;
 var SnippetElementNew = function SnippetElementNew() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -34,7 +37,7 @@ var SnippetElementNew = function SnippetElementNew() {
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)(["_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv" : "_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
   }, props));
 };
 var SnippetElement = function SnippetElement() {

package/dist/cjs/view/FlexibleCard/components/elements/text/index.compiled.css

@@ -1,3 +1,4 @@
+._11c81vlj{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)}
 ._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)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -8,4 +9,5 @@
 ._o5724jg8{white-space:normal}
 ._sudp1e54{-webkit-box-orient:vertical}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 @supports not (-webkit-line-clamp:1){._102klxil{max-height:var(--_ohw86c)}}

package/dist/cjs/view/FlexibleCard/components/elements/text/index.js

@@ -15,6 +15,8 @@ var _utils = require("../../utils");
 var _TextOld = _interopRequireDefault(require("./TextOld"));
 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; }
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var baseStyleOld = null;
 var baseStyle = null;
 
 /**
@@ -43,7 +45,7 @@ var TextNew = function TextNew(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_11c8qk37 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81vlj _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54" : "_11c8qk37 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
     style: {
       "--_1erfju8": (0, _runtime.ix)(maxLines),
       "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))

package/dist/cjs/view/InlineCard/Frame/styled.compiled.css

@@ -51,4 +51,4 @@
 ._1iohnqa1:active{text-decoration-style:solid}
 ._1nrm18uv:active{text-decoration-color:initial}
 ._c2waglyw:active{text-decoration-line:none}
-@supports not (-webkit-line-clamp:1){._17bix7n9{padding:var(--ds-space-025,2px) 0}._nr8z1o8l{display:inline-block}._102kqslr{max-height:22px}}
+@supports not (-webkit-line-clamp:1){._17bix7n9{padding:var(--ds-space-025,2px) 0}._nr8z1o8l{display:inline-block}._102kqslr{max-height:22px}._1voyv77o{padding-top:var(--ds-space-025,2px)}._3kwxidpf{padding-right:0}._jqg5v77o{padding-bottom:var(--ds-space-025,2px)}._6vwiidpf{padding-left:0}}

package/dist/cjs/view/InlineCard/Frame/styled.js

@@ -30,7 +30,7 @@ var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(func
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81doa _1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l", truncateInline && !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _1nrm18uv _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu18uv _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm18uv _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81doa _1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _1nrm18uv _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu18uv _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm18uv _c2waglyw _1iohnqa1" : "_uizt1kdv"])
   }), props.children);
 });
 var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -45,7 +45,7 @@ var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(
     href: href,
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81doa _1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l", truncateInline && !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _1nrm18uv _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu18uv _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm18uv _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81doa _1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _1nrm18uv _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu18uv _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm18uv _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
   }), props.children);
 });
 var baseWrapperStylesNew = null;

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

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

@@ -1,8 +1,10 @@
+._11c81vlj{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)}
 ._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)}
 ._181u1kdv{-webkit-user-select:text}
 ._1nmz1hna{word-break:break-word}
 ._1rkw1kdv{-moz-user-select:text}
 ._o5724jg8{white-space:normal}
 ._slp31hna{word-wrap:break-word}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 ._te171kdv{-ms-user-select:text}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}

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

@@ -21,6 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * Remove the export as well
  */
 var AISummaryCSSStyles = null;
+var baseStyle = null;
 
 /**
  * A component to render a response from AI in markdown text.
@@ -42,7 +43,7 @@ var AISummaryNew = function AISummaryNew(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_11c8qk37 _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className]),
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81vlj _syaz1gjq _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv" : "_11c8qk37 _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className]),
     children: content,
     options: {
       forceWrapper: true,

package/dist/es2019/messages.js

@@ -737,22 +737,22 @@ export const messages = defineMessages({
   },
   join_to_viewIssueTermRefresh: {
     id: 'fabric.linking.join_to_view-issue-term-refresh',
-    defaultMessage: "Join {context} to view this work item",
+    defaultMessage: 'Join {context} to view this work item',
     description: 'Allows the user join the product or service immediately'
   },
   open_issue_in_jiraIssueTermRefresh: {
     id: 'fabric.linking.open_issue_in_jira-issue-term-refresh',
-    defaultMessage: "Open work item in Jira",
+    defaultMessage: 'Open work item in Jira',
     description: 'Click to open link in Jira'
   },
   request_access_to_viewIssueTermRefresh: {
     id: 'fabric.linking.request_access_to_view-issue-term-refresh',
-    defaultMessage: "Request access to {context} to view this work item",
+    defaultMessage: 'Request access to {context} to view this work item',
     description: 'Allows the user to request access to a product or service'
   },
   status_change_permission_errorIssueTermRefresh: {
     id: 'fabric.linking.status_change_permission_error-issue-term-refresh',
-    defaultMessage: "You don’t have permission to transition this work item. ",
+    defaultMessage: 'You don’t have permission to transition this work item. ',
     description: 'Informs the user that they do not have enough permissions to update a status'
   }
 });