@atlaskit/smart-card 35.0.1 → 35.0.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 35.0.3
+
+### Patch Changes
+
+- [#118812](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/118812)
+  [`574d65e0a2fb7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/574d65e0a2fb7) -
+  [ux] Update lozenge color to bold
+- Updated dependencies
+
+## 35.0.2
+
+### Patch Changes
+
+- [#113976](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/113976)
+  [`40fea6328a34a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/40fea6328a34a) -
+  [ux] Minor UI changes to EmbedModal under FF
+- Updated dependencies
+
 ## 35.0.1
 
 ### Patch Changes

package/dist/cjs/i18n/ja.js

@@ -82,9 +82,9 @@ var _default = exports.default = {
   'fabric.linking.download_file': 'ファイルをダウンロード',
   'fabric.linking.edit': '編集',
   'fabric.linking.follow': 'フォロー',
-  'fabric.linking.follow_goal': '目的をフォロー',
-  'fabric.linking.follow_goal_description': 'この目的をフォローすると、最新情報の通知が届きます',
-  'fabric.linking.follow_goal_error': '目的をフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
+  'fabric.linking.follow_goal': 'ゴールをフォロー',
+  'fabric.linking.follow_goal_description': 'このゴールをフォローすると、最新情報の通知が届きます',
+  'fabric.linking.follow_goal_error': 'ゴールをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
   'fabric.linking.follow_project': 'プロジェクトをフォロー',
   'fabric.linking.follow_project_description': 'フォローすると、このプロジェクトの通知が届きます',
   'fabric.linking.follow_project_error': 'プロジェクトをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
@@ -163,9 +163,9 @@ var _default = exports.default = {
   'fabric.linking.unauthorised_account_name': '{context} の非公開ページは表示できません',
   'fabric.linking.unauthorised_account_name_no_provider': '非公開ページは表示できません',
   'fabric.linking.unfollow': 'フォローを解除',
-  'fabric.linking.unfollow_goal': '目的をフォロー解除',
-  'fabric.linking.unfollow_goal_description': 'フォロー解除すると、この目的の通知が届かなくなります',
-  'fabric.linking.unfollow_goal_error': '目的をフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
+  'fabric.linking.unfollow_goal': 'ゴールをフォロー解除',
+  'fabric.linking.unfollow_goal_description': 'フォロー解除すると、このゴールの通知が届かなくなります',
+  'fabric.linking.unfollow_goal_error': 'ゴールをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
   'fabric.linking.unfollow_project': 'プロジェクトをフォロー解除',
   'fabric.linking.unfollow_project_description': 'フォロー解除すると、プロジェクトの通知が届かなくなります',
   'fabric.linking.unfollow_project_error': 'プロジェクトをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',

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

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

package/dist/cjs/view/EmbedModal/components/link-info/index.compiled.css

@@ -6,6 +6,7 @@
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._1bah1h6o{justify-content:center}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1tcg, ._1xyl1tcg [data-smart-element-icon] img, ._1h1b1tcg [data-smart-element-icon] span, ._prfw1tcg [data-smart-element-icon] svg, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
 ._1e0c1txw{display:flex}
@@ -16,15 +17,20 @@
 ._1tke1tcg, ._x9xj1tcg [data-smart-element-icon] img, ._v5981tcg [data-smart-element-icon] span, ._z15s1tcg [data-smart-element-icon] svg, ._qci81tcg img, ._15iz1tcg span, ._erub1tcg svg{min-height:24px}
 ._1ul91tcg, ._1ekg1tcg [data-smart-element-icon] img, ._jbhf1tcg [data-smart-element-icon] span, ._11hh1tcg [data-smart-element-icon] svg, ._1rg21tcg img, ._q7cv1tcg span, ._xwbj1tcg svg{min-width:24px}
 ._1wkfkb7n h3{flex-shrink:1}
+._1wpz1fhb{align-self:stretch}
+._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i1tcg, ._gire1tcg [data-smart-element-icon] img, ._yrry1tcg [data-smart-element-icon] span, ._1bnm1tcg [data-smart-element-icon] svg, ._bna71tcg img, ._1xjx1tcg span, ._17521tcg svg{height:24px}
+._4t3i1tcg{height:24px}
 ._4wztidpf h3{margin-bottom:0}
 ._923e1wug h3{flex-basis:auto}
 ._c71l1tcg, ._1q121tcg [data-smart-element-icon] img, ._2s1x1tcg [data-smart-element-icon] span, ._1rh41tcg [data-smart-element-icon] svg, ._19l31tcg img, ._1pr21tcg span, ._1u5t1tcg svg{max-height:24px}
 ._c7bk1l2s h3{text-overflow:ellipsis}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._i0dl1wug{flex-basis:auto}
+._i0dlf1ug{flex-basis:0%}
 ._n3tddlk8{padding-bottom:14px}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._p12f1tcg, ._1mj01tcg [data-smart-element-icon] img, ._1r9c1tcg [data-smart-element-icon] span, ._1xch1tcg [data-smart-element-icon] svg, ._rtys1tcg img, ._b8nk1tcg span, ._4x201tcg svg{max-width:24px}
 ._r8nti7a9 h3{font-weight:var(--ds-font-weight-regular,400)}
 ._shpw1e54 h3{-webkit-box-orient:vertical}

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -28,6 +28,7 @@ var _indexOld = _interopRequireDefault(require("./indexOld"));
 var _linkInfoButton = _interopRequireDefault(require("./link-info-button"));
 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 containerStylesOld = null;
 var containerStyles = null;
 var iconSize = '24px';
 
@@ -35,7 +36,7 @@ var iconSize = '24px';
 // An embed modal icon css for img, span, svg has specificity weight of 0-1-1.
 // Specify flex ui icon selector to increase specificity weight to 0-2-1.
 var iconCss = null;
-var height = '20px';
+var titleCssOld = null;
 var titleCss = null;
 var actionCss = null;
 var LinkInfo = function LinkInfo(_ref) {
@@ -106,14 +107,15 @@ var LinkInfo = function LinkInfo(_ref) {
     );
   }, [onResizeButtonClick, size, testId]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_zulpu2gc _4cvr1h6o _1e0c1txw _1bah1yb4 _ca0q1ejb _u5f31ejb _n3tddlk8 _19bv1ejb"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg" : "_zulpu2gc _4cvr1h6o _1e0c1txw _1bah1yb4 _ca0q1ejb _u5f31ejb _n3tddlk8 _19bv1ejb"])
   }, icon && /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "".concat(testId, "-icon"),
     className: (0, _runtime.ax)(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
   }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _yrj2kb7n _1wkfkb7n _923e1wug _1umo1bk4 _101p15vq _12bo15vq _r8nti7a9 _1flvcj1k _4wztidpf _c7bk1l2s _1r7d1hna _uepwkb7n _shpw1e54 _130wgktf"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb" : "_16jlkb7n _1o9zkb7n _i0dl1wug _yrj2kb7n _1wkfkb7n _923e1wug _1umo1bk4 _101p15vq _12bo15vq _r8nti7a9 _1flvcj1k _4wztidpf _c7bk1l2s _1r7d1hna _uepwkb7n _shpw1e54 _130wgktf"])
   }, /*#__PURE__*/_react.default.createElement(_heading.default, {
-    size: "medium",
+    size: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? 'small' : 'medium',
+    color: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? 'color.text' : undefined,
     testId: "".concat(testId, "-title")
   }, title), /*#__PURE__*/_react.default.createElement("span", {
     tabIndex: 0

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/LozengeOld.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
 /**
@@ -47,13 +49,15 @@ var LozengeOld = function LozengeOld(_ref) {
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : (0, _react.jsx)(_lozenge.default, {
+  }) : (0, _react.jsx)(_lozenge.default, (0, _extends2.default)({
     appearance: appearance
+  }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
     style: style,
     testId: "".concat(testId, "-lozenge")
-  }, text);
+  }), text);
   return (0, _react.jsx)("span", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],

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

@@ -10,8 +10,8 @@ exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -48,13 +48,15 @@ var LozengeNew = function LozengeNew(_ref) {
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : /*#__PURE__*/React.createElement(_lozenge.default, {
+  }) : /*#__PURE__*/React.createElement(_lozenge.default, (0, _extends2.default)({
     appearance: appearance
+  }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
     style: style,
     testId: "".concat(testId, "-lozenge")
-  }, text);
+  }), text);
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? {} : (0, _defineProperty2.default)({}, 'data-fit-to-content', true), {
     "data-smart-element": name,
     "data-smart-element-lozenge": true,

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/error-boundary/index.js

@@ -6,19 +6,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 withErrorBoundary = function withErrorBoundary(Component) {
   return function (props) {
     var fallback = (0, _react.useMemo)(function () {
       var _props$testId;
-      return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-        appearance: props === null || props === void 0 ? void 0 : props.appearance,
+      return /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
+        appearance: props === null || props === void 0 ? void 0 : props.appearance
+      }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+        isBold: true
+      } : undefined, {
         testId: "".concat((_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action', "-fallback")
-      }, props === null || props === void 0 ? void 0 : props.text);
+      }), props === null || props === void 0 ? void 0 : props.text);
     }, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
     return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
       fallback: fallback

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _dropdownMenu = require("@atlaskit/dropdown-menu");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 LozengeActionItem = function LozengeActionItem(_ref) {
@@ -37,9 +39,11 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
       onClick: handleClick,
       testId: testId
-    }, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+    }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
       appearance: appearance
-    }, text)))
+    }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+      isBold: true
+    } : undefined), text)))
   );
 };
 var _default = exports.default = LozengeActionItem;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/LozengeActionTriggerOld.js

@@ -12,6 +12,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _styled = require("../styled");
 var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
@@ -44,7 +45,7 @@ var LozengeActionTriggerOld = function LozengeActionTriggerOld(_ref) {
   var lozenge = (0, _react.useMemo)(function () {
     return (0, _react2.jsx)(_lozenge.default, {
       appearance: appearance,
-      isBold: isBold
+      isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? true : isBold
     }, (0, _react2.jsx)("span", {
       css: _styled.triggerLozengeStyles
     }, (0, _react2.jsx)("span", null, text), (0, _react2.jsx)(_primitives.Box, {

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -48,7 +48,7 @@ var LozengeActionTriggerNew = function LozengeActionTriggerNew(_ref) {
   var lozenge = (0, _react.useMemo)(function () {
     return /*#__PURE__*/React.createElement(_lozenge.default, {
       appearance: appearance,
-      isBold: isBold
+      isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? true : isBold
     }, /*#__PURE__*/React.createElement("span", {
       className: (0, _runtime.ax)(["_4cvr1h6o _1e0c1txw"])
     }, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(_compiled.Box, {

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

@@ -150,9 +150,11 @@ var InlineCardForbiddenViewOld = exports.InlineCardForbiddenViewOld = /*#__PURE_
             xcss: actionButtonLozengeStyle,
             onClick: _this.handleRetry,
             testId: "button-connect-other-account"
-          }, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+          }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
             appearance: 'moved'
-          }, _this.renderForbiddenAccessMessage())));
+          }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+            isBold: true
+          } : undefined), _this.renderForbiddenAccessMessage())));
         }
         return /*#__PURE__*/_react.default.createElement(Button, {
           spacing: "none",
@@ -160,9 +162,11 @@ var InlineCardForbiddenViewOld = exports.InlineCardForbiddenViewOld = /*#__PURE_
           appearance: "subtle-link",
           testId: "button-connect-other-account",
           role: "button"
-        }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+        }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
           appearance: 'moved'
-        }, _this.renderForbiddenAccessMessage())));
+        }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+          isBold: true
+        } : undefined), _this.renderForbiddenAccessMessage())));
       }
       return null;
     });

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

@@ -116,9 +116,11 @@ var InlineCardForbiddenViewNew = function InlineCardForbiddenViewNew(_ref) {
           xcss: styles.actionButtonLozengeStyle,
           onClick: handleRetry,
           testId: "button-connect-other-account"
-        }, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-          appearance: 'moved'
-        }, renderForbiddenAccessMessage())));
+        }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
+          appearance: "moved"
+        }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+          isBold: true
+        } : undefined), renderForbiddenAccessMessage())));
       }
       return /*#__PURE__*/_react.default.createElement(Button, {
         spacing: "none",
@@ -126,9 +128,11 @@ var InlineCardForbiddenViewNew = function InlineCardForbiddenViewNew(_ref) {
         appearance: "subtle-link",
         testId: "button-connect-other-account",
         role: "button"
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
         appearance: 'moved'
-      }, renderForbiddenAccessMessage())));
+      }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+        isBold: true
+      } : undefined), renderForbiddenAccessMessage())));
     }
     return null;
   }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);

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

@@ -12,6 +12,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _HoverCard = require("../../HoverCard");
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
@@ -37,7 +38,7 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,
         style: lozenge.style,
-        isBold: lozenge.isBold
+        isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
       }, lozenge.text));
     }
   }, {

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

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

package/dist/es2019/i18n/ja.js

@@ -76,9 +76,9 @@ export default {
   'fabric.linking.download_file': 'ファイルをダウンロード',
   'fabric.linking.edit': '編集',
   'fabric.linking.follow': 'フォロー',
-  'fabric.linking.follow_goal': '目的をフォロー',
-  'fabric.linking.follow_goal_description': 'この目的をフォローすると、最新情報の通知が届きます',
-  'fabric.linking.follow_goal_error': '目的をフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
+  'fabric.linking.follow_goal': 'ゴールをフォロー',
+  'fabric.linking.follow_goal_description': 'このゴールをフォローすると、最新情報の通知が届きます',
+  'fabric.linking.follow_goal_error': 'ゴールをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
   'fabric.linking.follow_project': 'プロジェクトをフォロー',
   'fabric.linking.follow_project_description': 'フォローすると、このプロジェクトの通知が届きます',
   'fabric.linking.follow_project_error': 'プロジェクトをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
@@ -157,9 +157,9 @@ export default {
   'fabric.linking.unauthorised_account_name': '{context} の非公開ページは表示できません',
   'fabric.linking.unauthorised_account_name_no_provider': '非公開ページは表示できません',
   'fabric.linking.unfollow': 'フォローを解除',
-  'fabric.linking.unfollow_goal': '目的をフォロー解除',
-  'fabric.linking.unfollow_goal_description': 'フォロー解除すると、この目的の通知が届かなくなります',
-  'fabric.linking.unfollow_goal_error': '目的をフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
+  'fabric.linking.unfollow_goal': 'ゴールをフォロー解除',
+  'fabric.linking.unfollow_goal_description': 'フォロー解除すると、このゴールの通知が届かなくなります',
+  'fabric.linking.unfollow_goal_error': 'ゴールをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
   'fabric.linking.unfollow_project': 'プロジェクトをフォロー解除',
   'fabric.linking.unfollow_project_description': 'フォロー解除すると、プロジェクトの通知が届かなくなります',
   'fabric.linking.unfollow_project_error': 'プロジェクトをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',

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

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

package/dist/es2019/view/EmbedModal/components/link-info/index.compiled.css

@@ -6,6 +6,7 @@
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._1bah1h6o{justify-content:center}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1tcg, ._1xyl1tcg [data-smart-element-icon] img, ._1h1b1tcg [data-smart-element-icon] span, ._prfw1tcg [data-smart-element-icon] svg, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
 ._1e0c1txw{display:flex}
@@ -16,15 +17,20 @@
 ._1tke1tcg, ._x9xj1tcg [data-smart-element-icon] img, ._v5981tcg [data-smart-element-icon] span, ._z15s1tcg [data-smart-element-icon] svg, ._qci81tcg img, ._15iz1tcg span, ._erub1tcg svg{min-height:24px}
 ._1ul91tcg, ._1ekg1tcg [data-smart-element-icon] img, ._jbhf1tcg [data-smart-element-icon] span, ._11hh1tcg [data-smart-element-icon] svg, ._1rg21tcg img, ._q7cv1tcg span, ._xwbj1tcg svg{min-width:24px}
 ._1wkfkb7n h3{flex-shrink:1}
+._1wpz1fhb{align-self:stretch}
+._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i1tcg, ._gire1tcg [data-smart-element-icon] img, ._yrry1tcg [data-smart-element-icon] span, ._1bnm1tcg [data-smart-element-icon] svg, ._bna71tcg img, ._1xjx1tcg span, ._17521tcg svg{height:24px}
+._4t3i1tcg{height:24px}
 ._4wztidpf h3{margin-bottom:0}
 ._923e1wug h3{flex-basis:auto}
 ._c71l1tcg, ._1q121tcg [data-smart-element-icon] img, ._2s1x1tcg [data-smart-element-icon] span, ._1rh41tcg [data-smart-element-icon] svg, ._19l31tcg img, ._1pr21tcg span, ._1u5t1tcg svg{max-height:24px}
 ._c7bk1l2s h3{text-overflow:ellipsis}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._i0dl1wug{flex-basis:auto}
+._i0dlf1ug{flex-basis:0%}
 ._n3tddlk8{padding-bottom:14px}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._p12f1tcg, ._1mj01tcg [data-smart-element-icon] img, ._1r9c1tcg [data-smart-element-icon] span, ._1xch1tcg [data-smart-element-icon] svg, ._rtys1tcg img, ._b8nk1tcg span, ._4x201tcg svg{max-width:24px}
 ._r8nti7a9 h3{font-weight:var(--ds-font-weight-regular,400)}
 ._shpw1e54 h3{-webkit-box-orient:vertical}

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -18,6 +18,7 @@ import { Icon } from '../../../common/Icon';
 import { MAX_MODAL_SIZE } from '../../constants';
 import LinkInfoOld from './indexOld';
 import LinkInfoButton from './link-info-button';
+const containerStylesOld = null;
 const containerStyles = null;
 const iconSize = '24px';
 
@@ -25,7 +26,7 @@ const iconSize = '24px';
 // An embed modal icon css for img, span, svg has specificity weight of 0-1-1.
 // Specify flex ui icon selector to increase specificity weight to 0-2-1.
 const iconCss = null;
-const height = '20px';
+const titleCssOld = null;
 const titleCss = null;
 const actionCss = null;
 const LinkInfo = ({
@@ -98,14 +99,15 @@ const LinkInfo = ({
     );
   }, [onResizeButtonClick, size, testId]);
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpu2gc _4cvr1h6o _1e0c1txw _1bah1yb4 _ca0q1ejb _u5f31ejb _n3tddlk8 _19bv1ejb"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg" : "_zulpu2gc _4cvr1h6o _1e0c1txw _1bah1yb4 _ca0q1ejb _u5f31ejb _n3tddlk8 _19bv1ejb"])
   }, icon && /*#__PURE__*/React.createElement("div", {
     "data-testid": `${testId}-icon`,
     className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
   }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _yrj2kb7n _1wkfkb7n _923e1wug _1umo1bk4 _101p15vq _12bo15vq _r8nti7a9 _1flvcj1k _4wztidpf _c7bk1l2s _1r7d1hna _uepwkb7n _shpw1e54 _130wgktf"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb" : "_16jlkb7n _1o9zkb7n _i0dl1wug _yrj2kb7n _1wkfkb7n _923e1wug _1umo1bk4 _101p15vq _12bo15vq _r8nti7a9 _1flvcj1k _4wztidpf _c7bk1l2s _1r7d1hna _uepwkb7n _shpw1e54 _130wgktf"])
   }, /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
+    size: fg('platform-linking-visual-refresh-v1') ? 'small' : 'medium',
+    color: fg('platform-linking-visual-refresh-v1') ? 'color.text' : undefined,
     testId: `${testId}-title`
   }, title), /*#__PURE__*/React.createElement("span", {
     tabIndex: 0

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/LozengeOld.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -5,6 +6,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import LozengeAction from './lozenge-action';
 const styles = css({
@@ -38,13 +40,15 @@ const LozengeOld = ({
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : jsx(AtlaskitLozenge, {
+  }) : jsx(AtlaskitLozenge, _extends({
     appearance: appearance
+  }, fg('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
     style: style,
     testId: `${testId}-lozenge`
-  }, text);
+  }), text);
   return jsx("span", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/index.js

@@ -36,13 +36,15 @@ const LozengeNew = ({
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : /*#__PURE__*/React.createElement(AtlaskitLozenge, {
+  }) : /*#__PURE__*/React.createElement(AtlaskitLozenge, _extends({
     appearance: appearance
+  }, fg('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
     style: style,
     testId: `${testId}-lozenge`
-  }, text);
+  }), text);
   return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
     ['data-fit-to-content']: true
   }, {

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/error-boundary/index.js

@@ -1,13 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 const withErrorBoundary = Component => props => {
   const fallback = useMemo(() => {
     var _props$testId;
-    return /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: props === null || props === void 0 ? void 0 : props.appearance,
+    return /*#__PURE__*/React.createElement(Lozenge, _extends({
+      appearance: props === null || props === void 0 ? void 0 : props.appearance
+    }, fg('platform-component-visual-refresh') ? {
+      isBold: true
+    } : undefined, {
       testId: `${(_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action'}-fallback`
-    }, props === null || props === void 0 ? void 0 : props.text);
+    }), props === null || props === void 0 ? void 0 : props.text);
   }, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     fallback: fallback

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.js

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 const LozengeActionItem = ({
   appearance,
   id,
@@ -28,9 +30,11 @@ const LozengeActionItem = ({
     }, /*#__PURE__*/React.createElement(DropdownItem, {
       onClick: handleClick,
       testId: testId
-    }, /*#__PURE__*/React.createElement(Lozenge, {
+    }, /*#__PURE__*/React.createElement(Lozenge, _extends({
       appearance: appearance
-    }, text)))
+    }, fg('platform-component-visual-refresh') ? {
+      isBold: true
+    } : undefined), text)))
   );
 };
 export default LozengeActionItem;

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/LozengeActionTriggerOld.js

@@ -9,6 +9,7 @@ import { useCallback, useMemo, useState } from 'react';
 import { jsx } from '@emotion/react';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
 const chevronDownStyles = xcss({
@@ -28,7 +29,7 @@ const LozengeActionTriggerOld = ({
   const onMouseLeave = useCallback(() => setIsBold(false), []);
   const lozenge = useMemo(() => jsx(Lozenge, {
     appearance: appearance,
-    isBold: isBold
+    isBold: fg('platform-component-visual-refresh') ? true : isBold
   }, jsx("span", {
     css: triggerLozengeStyles
   }, jsx("span", null, text), jsx(Box, {

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -29,7 +29,7 @@ const LozengeActionTriggerNew = ({
   const onMouseLeave = useCallback(() => setIsBold(false), []);
   const lozenge = useMemo(() => /*#__PURE__*/React.createElement(Lozenge, {
     appearance: appearance,
-    isBold: isBold
+    isBold: fg('platform-component-visual-refresh') ? true : isBold
   }, /*#__PURE__*/React.createElement("span", {
     className: ax(["_4cvr1h6o _1e0c1txw"])
   }, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(Box, {

package/dist/es2019/view/InlineCard/ForbiddenView/InlineCardForbiddenViewOld.js

@@ -137,9 +137,11 @@ export class InlineCardForbiddenViewOld extends React.Component {
             xcss: actionButtonLozengeStyle,
             onClick: this.handleRetry,
             testId: "button-connect-other-account"
-          }, /*#__PURE__*/React.createElement(Lozenge, {
+          }, /*#__PURE__*/React.createElement(Lozenge, _extends({
             appearance: 'moved'
-          }, this.renderForbiddenAccessMessage())));
+          }, fg('platform-component-visual-refresh') ? {
+            isBold: true
+          } : undefined), this.renderForbiddenAccessMessage())));
         }
         return /*#__PURE__*/React.createElement(Button, {
           spacing: "none",
@@ -147,9 +149,11 @@ export class InlineCardForbiddenViewOld extends React.Component {
           appearance: "subtle-link",
           testId: "button-connect-other-account",
           role: "button"
-        }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+        }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
           appearance: 'moved'
-        }, this.renderForbiddenAccessMessage())));
+        }, fg('platform-component-visual-refresh') ? {
+          isBold: true
+        } : undefined), this.renderForbiddenAccessMessage())));
       }
       return null;
     });

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

@@ -106,9 +106,11 @@ const InlineCardForbiddenViewNew = ({
           xcss: styles.actionButtonLozengeStyle,
           onClick: handleRetry,
           testId: "button-connect-other-account"
-        }, /*#__PURE__*/React.createElement(Lozenge, {
-          appearance: 'moved'
-        }, renderForbiddenAccessMessage())));
+        }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+          appearance: "moved"
+        }, fg('platform-component-visual-refresh') ? {
+          isBold: true
+        } : undefined), renderForbiddenAccessMessage())));
       }
       return /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
@@ -116,9 +118,11 @@ const InlineCardForbiddenViewNew = ({
         appearance: "subtle-link",
         testId: "button-connect-other-account",
         role: "button"
-      }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+      }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
         appearance: 'moved'
-      }, renderForbiddenAccessMessage())));
+      }, fg('platform-component-visual-refresh') ? {
+        isBold: true
+      } : undefined), renderForbiddenAccessMessage())));
     }
     return null;
   }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { HoverCard } from '../../HoverCard';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
@@ -18,7 +19,7 @@ export class InlineCardResolvedView extends React.Component {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: lozenge.style,
-      isBold: lozenge.isBold
+      isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
     }, lozenge.text));
   }
   render() {

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

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

package/dist/esm/i18n/ja.js

@@ -76,9 +76,9 @@ export default {
   'fabric.linking.download_file': 'ファイルをダウンロード',
   'fabric.linking.edit': '編集',
   'fabric.linking.follow': 'フォロー',
-  'fabric.linking.follow_goal': '目的をフォロー',
-  'fabric.linking.follow_goal_description': 'この目的をフォローすると、最新情報の通知が届きます',
-  'fabric.linking.follow_goal_error': '目的をフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
+  'fabric.linking.follow_goal': 'ゴールをフォロー',
+  'fabric.linking.follow_goal_description': 'このゴールをフォローすると、最新情報の通知が届きます',
+  'fabric.linking.follow_goal_error': 'ゴールをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
   'fabric.linking.follow_project': 'プロジェクトをフォロー',
   'fabric.linking.follow_project_description': 'フォローすると、このプロジェクトの通知が届きます',
   'fabric.linking.follow_project_error': 'プロジェクトをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
@@ -157,9 +157,9 @@ export default {
   'fabric.linking.unauthorised_account_name': '{context} の非公開ページは表示できません',
   'fabric.linking.unauthorised_account_name_no_provider': '非公開ページは表示できません',
   'fabric.linking.unfollow': 'フォローを解除',
-  'fabric.linking.unfollow_goal': '目的をフォロー解除',
-  'fabric.linking.unfollow_goal_description': 'フォロー解除すると、この目的の通知が届かなくなります',
-  'fabric.linking.unfollow_goal_error': '目的をフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
+  'fabric.linking.unfollow_goal': 'ゴールをフォロー解除',
+  'fabric.linking.unfollow_goal_description': 'フォロー解除すると、このゴールの通知が届かなくなります',
+  'fabric.linking.unfollow_goal_error': 'ゴールをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
   'fabric.linking.unfollow_project': 'プロジェクトをフォロー解除',
   'fabric.linking.unfollow_project_description': 'フォロー解除すると、プロジェクトの通知が届かなくなります',
   'fabric.linking.unfollow_project_error': 'プロジェクトをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',

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

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

package/dist/esm/view/EmbedModal/components/link-info/index.compiled.css

@@ -6,6 +6,7 @@
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._1bah1h6o{justify-content:center}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1tcg, ._1xyl1tcg [data-smart-element-icon] img, ._1h1b1tcg [data-smart-element-icon] span, ._prfw1tcg [data-smart-element-icon] svg, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
 ._1e0c1txw{display:flex}
@@ -16,15 +17,20 @@
 ._1tke1tcg, ._x9xj1tcg [data-smart-element-icon] img, ._v5981tcg [data-smart-element-icon] span, ._z15s1tcg [data-smart-element-icon] svg, ._qci81tcg img, ._15iz1tcg span, ._erub1tcg svg{min-height:24px}
 ._1ul91tcg, ._1ekg1tcg [data-smart-element-icon] img, ._jbhf1tcg [data-smart-element-icon] span, ._11hh1tcg [data-smart-element-icon] svg, ._1rg21tcg img, ._q7cv1tcg span, ._xwbj1tcg svg{min-width:24px}
 ._1wkfkb7n h3{flex-shrink:1}
+._1wpz1fhb{align-self:stretch}
+._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i1tcg, ._gire1tcg [data-smart-element-icon] img, ._yrry1tcg [data-smart-element-icon] span, ._1bnm1tcg [data-smart-element-icon] svg, ._bna71tcg img, ._1xjx1tcg span, ._17521tcg svg{height:24px}
+._4t3i1tcg{height:24px}
 ._4wztidpf h3{margin-bottom:0}
 ._923e1wug h3{flex-basis:auto}
 ._c71l1tcg, ._1q121tcg [data-smart-element-icon] img, ._2s1x1tcg [data-smart-element-icon] span, ._1rh41tcg [data-smart-element-icon] svg, ._19l31tcg img, ._1pr21tcg span, ._1u5t1tcg svg{max-height:24px}
 ._c7bk1l2s h3{text-overflow:ellipsis}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._i0dl1wug{flex-basis:auto}
+._i0dlf1ug{flex-basis:0%}
 ._n3tddlk8{padding-bottom:14px}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._p12f1tcg, ._1mj01tcg [data-smart-element-icon] img, ._1r9c1tcg [data-smart-element-icon] span, ._1xch1tcg [data-smart-element-icon] svg, ._rtys1tcg img, ._b8nk1tcg span, ._4x201tcg svg{max-width:24px}
 ._r8nti7a9 h3{font-weight:var(--ds-font-weight-regular,400)}
 ._shpw1e54 h3{-webkit-box-orient:vertical}

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -18,6 +18,7 @@ import { Icon } from '../../../common/Icon';
 import { MAX_MODAL_SIZE } from '../../constants';
 import LinkInfoOld from './indexOld';
 import LinkInfoButton from './link-info-button';
+var containerStylesOld = null;
 var containerStyles = null;
 var iconSize = '24px';
 
@@ -25,7 +26,7 @@ var iconSize = '24px';
 // An embed modal icon css for img, span, svg has specificity weight of 0-1-1.
 // Specify flex ui icon selector to increase specificity weight to 0-2-1.
 var iconCss = null;
-var height = '20px';
+var titleCssOld = null;
 var titleCss = null;
 var actionCss = null;
 var LinkInfo = function LinkInfo(_ref) {
@@ -96,14 +97,15 @@ var LinkInfo = function LinkInfo(_ref) {
     );
   }, [onResizeButtonClick, size, testId]);
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpu2gc _4cvr1h6o _1e0c1txw _1bah1yb4 _ca0q1ejb _u5f31ejb _n3tddlk8 _19bv1ejb"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg" : "_zulpu2gc _4cvr1h6o _1e0c1txw _1bah1yb4 _ca0q1ejb _u5f31ejb _n3tddlk8 _19bv1ejb"])
   }, icon && /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testId, "-icon"),
     className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
   }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _yrj2kb7n _1wkfkb7n _923e1wug _1umo1bk4 _101p15vq _12bo15vq _r8nti7a9 _1flvcj1k _4wztidpf _c7bk1l2s _1r7d1hna _uepwkb7n _shpw1e54 _130wgktf"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb" : "_16jlkb7n _1o9zkb7n _i0dl1wug _yrj2kb7n _1wkfkb7n _923e1wug _1umo1bk4 _101p15vq _12bo15vq _r8nti7a9 _1flvcj1k _4wztidpf _c7bk1l2s _1r7d1hna _uepwkb7n _shpw1e54 _130wgktf"])
   }, /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
+    size: fg('platform-linking-visual-refresh-v1') ? 'small' : 'medium',
+    color: fg('platform-linking-visual-refresh-v1') ? 'color.text' : undefined,
     testId: "".concat(testId, "-title")
   }, title), /*#__PURE__*/React.createElement("span", {
     tabIndex: 0

package/dist/esm/view/FlexibleCard/components/elements/lozenge/LozengeOld.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -5,6 +6,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import LozengeAction from './lozenge-action';
 var styles = css({
@@ -39,13 +41,15 @@ var LozengeOld = function LozengeOld(_ref) {
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : jsx(AtlaskitLozenge, {
+  }) : jsx(AtlaskitLozenge, _extends({
     appearance: appearance
+  }, fg('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
     style: style,
     testId: "".concat(testId, "-lozenge")
-  }, text);
+  }), text);
   return jsx("span", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],

package/dist/esm/view/FlexibleCard/components/elements/lozenge/index.js

@@ -1,6 +1,6 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -38,13 +38,15 @@ var LozengeNew = function LozengeNew(_ref) {
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : /*#__PURE__*/React.createElement(AtlaskitLozenge, {
+  }) : /*#__PURE__*/React.createElement(AtlaskitLozenge, _extends({
     appearance: appearance
+  }, fg('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
     style: style,
     testId: "".concat(testId, "-lozenge")
-  }, text);
+  }), text);
   return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, 'data-fit-to-content', true), {
     "data-smart-element": name,
     "data-smart-element-lozenge": true,

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/error-boundary/index.js

@@ -1,14 +1,19 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 var withErrorBoundary = function withErrorBoundary(Component) {
   return function (props) {
     var fallback = useMemo(function () {
       var _props$testId;
-      return /*#__PURE__*/React.createElement(Lozenge, {
-        appearance: props === null || props === void 0 ? void 0 : props.appearance,
+      return /*#__PURE__*/React.createElement(Lozenge, _extends({
+        appearance: props === null || props === void 0 ? void 0 : props.appearance
+      }, fg('platform-component-visual-refresh') ? {
+        isBold: true
+      } : undefined, {
         testId: "".concat((_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action', "-fallback")
-      }, props === null || props === void 0 ? void 0 : props.text);
+      }), props === null || props === void 0 ? void 0 : props.text);
     }, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
     return /*#__PURE__*/React.createElement(ErrorBoundary, {
       fallback: fallback

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.js

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 var LozengeActionItem = function LozengeActionItem(_ref) {
   var appearance = _ref.appearance,
     id = _ref.id,
@@ -27,9 +29,11 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     }, /*#__PURE__*/React.createElement(DropdownItem, {
       onClick: handleClick,
       testId: testId
-    }, /*#__PURE__*/React.createElement(Lozenge, {
+    }, /*#__PURE__*/React.createElement(Lozenge, _extends({
       appearance: appearance
-    }, text)))
+    }, fg('platform-component-visual-refresh') ? {
+      isBold: true
+    } : undefined), text)))
   );
 };
 export default LozengeActionItem;

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/LozengeActionTriggerOld.js

@@ -12,6 +12,7 @@ import { useCallback, useMemo, useState } from 'react';
 import { jsx } from '@emotion/react';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
 var chevronDownStyles = xcss({
@@ -38,7 +39,7 @@ var LozengeActionTriggerOld = function LozengeActionTriggerOld(_ref) {
   var lozenge = useMemo(function () {
     return jsx(Lozenge, {
       appearance: appearance,
-      isBold: isBold
+      isBold: fg('platform-component-visual-refresh') ? true : isBold
     }, jsx("span", {
       css: triggerLozengeStyles
     }, jsx("span", null, text), jsx(Box, {

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -39,7 +39,7 @@ var LozengeActionTriggerNew = function LozengeActionTriggerNew(_ref) {
   var lozenge = useMemo(function () {
     return /*#__PURE__*/React.createElement(Lozenge, {
       appearance: appearance,
-      isBold: isBold
+      isBold: fg('platform-component-visual-refresh') ? true : isBold
     }, /*#__PURE__*/React.createElement("span", {
       className: ax(["_4cvr1h6o _1e0c1txw"])
     }, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(Box, {

package/dist/esm/view/InlineCard/ForbiddenView/InlineCardForbiddenViewOld.js

@@ -143,9 +143,11 @@ export var InlineCardForbiddenViewOld = /*#__PURE__*/function (_React$Component)
             xcss: actionButtonLozengeStyle,
             onClick: _this.handleRetry,
             testId: "button-connect-other-account"
-          }, /*#__PURE__*/React.createElement(Lozenge, {
+          }, /*#__PURE__*/React.createElement(Lozenge, _extends({
             appearance: 'moved'
-          }, _this.renderForbiddenAccessMessage())));
+          }, fg('platform-component-visual-refresh') ? {
+            isBold: true
+          } : undefined), _this.renderForbiddenAccessMessage())));
         }
         return /*#__PURE__*/React.createElement(Button, {
           spacing: "none",
@@ -153,9 +155,11 @@ export var InlineCardForbiddenViewOld = /*#__PURE__*/function (_React$Component)
           appearance: "subtle-link",
           testId: "button-connect-other-account",
           role: "button"
-        }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+        }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
           appearance: 'moved'
-        }, _this.renderForbiddenAccessMessage())));
+        }, fg('platform-component-visual-refresh') ? {
+          isBold: true
+        } : undefined), _this.renderForbiddenAccessMessage())));
       }
       return null;
     });

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

@@ -109,9 +109,11 @@ var InlineCardForbiddenViewNew = function InlineCardForbiddenViewNew(_ref) {
           xcss: styles.actionButtonLozengeStyle,
           onClick: handleRetry,
           testId: "button-connect-other-account"
-        }, /*#__PURE__*/React.createElement(Lozenge, {
-          appearance: 'moved'
-        }, renderForbiddenAccessMessage())));
+        }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+          appearance: "moved"
+        }, fg('platform-component-visual-refresh') ? {
+          isBold: true
+        } : undefined), renderForbiddenAccessMessage())));
       }
       return /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
@@ -119,9 +121,11 @@ var InlineCardForbiddenViewNew = function InlineCardForbiddenViewNew(_ref) {
         appearance: "subtle-link",
         testId: "button-connect-other-account",
         role: "button"
-      }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+      }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
         appearance: 'moved'
-      }, renderForbiddenAccessMessage())));
+      }, fg('platform-component-visual-refresh') ? {
+        isBold: true
+      } : undefined), renderForbiddenAccessMessage())));
     }
     return null;
   }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);

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

@@ -7,6 +7,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { HoverCard } from '../../HoverCard';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
@@ -30,7 +31,7 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,
         style: lozenge.style,
-        isBold: lozenge.isBold
+        isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
       }, lozenge.text));
     }
   }, {

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "35.0.1",
+	"version": "35.0.3",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,10 +38,10 @@
 		"@atlaskit/dropdown-menu": "^13.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/frontend-utilities": "^3.0.0",
-		"@atlaskit/heading": "^5.0.0",
-		"@atlaskit/icon": "^24.0.0",
+		"@atlaskit/heading": "^5.1.0",
+		"@atlaskit/icon": "^24.1.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^3.0.0",
+		"@atlaskit/icon-lab": "^3.2.0",
 		"@atlaskit/icon-object": "^7.0.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",
@@ -53,19 +53,19 @@
 		"@atlaskit/linking-types": "^9.6.0",
 		"@atlaskit/logo": "^16.0.0",
 		"@atlaskit/lozenge": "^12.0.0",
-		"@atlaskit/menu": "^3.0.0",
+		"@atlaskit/menu": "^3.1.0",
 		"@atlaskit/modal-dialog": "^13.0.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^2.0.0",
-		"@atlaskit/primitives": "^14.0.0",
+		"@atlaskit/primitives": "^14.1.0",
 		"@atlaskit/section-message": "^8.0.0",
 		"@atlaskit/select": "^19.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^17.0.0",
-		"@atlaskit/tokens": "^4.1.0",
+		"@atlaskit/tokens": "^4.2.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -98,7 +98,7 @@
 		"@atlaskit/css-reset": "^7.0.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
 		"@atlaskit/media-test-helpers": "^35.0.0",
-		"@atlaskit/react-ufo": "^3.0.0",
+		"@atlaskit/react-ufo": "^3.1.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/analytics-tooling": "*",