@atlaskit/smart-card 40.7.0 → 40.7.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 40.7.2
+
+### Patch Changes
+
+- [`bd5987cfa6e70`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd5987cfa6e70) -
+  [ux] Modify BaseLinkComponent so the black theme is consistent with the grey theme
+
+## 40.7.1
+
+### Patch Changes
+
+- [#195804](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195804)
+  [`203fd19c46105`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/203fd19c46105) -
+  NAVX-1055 cleaning up platform-linking-visual-refresh-inline-lozenge
+- [#195804](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195804)
+  [`567fff99a23f5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/567fff99a23f5) -
+  NAVX-1304 Remove `autofocus=false` from RelatedLinksModal for a11y
+- Updated dependencies
+
 ## 40.7.0
 
 ### Minor Changes

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

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

package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.js

@@ -13,7 +13,6 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _loadingSkeleton = require("../loading-skeleton");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -43,7 +42,7 @@ var ImageIcon = function ImageIcon(_ref) {
   if (hasImageErrored) {
     return defaultIcon;
   }
-  if (hideLoadingSkeleton && (0, _platformFeatureFlags.fg)('platform_fix_block_card_img_icon_vc')) {
+  if (hideLoadingSkeleton) {
     return /*#__PURE__*/React.createElement("img", {
       src: url,
       "data-testid": "".concat(testId, "-image"),

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

@@ -25,8 +25,12 @@ a._ye10131l{color:var(--ds-text-subtlest,#626f86)}
 ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
+._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
+._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
 ._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
 ._9h8h1fxt:active{color:var(--ds-text,#172b4d)}
+._9h8h1gjq:active, ._f8pj1gjq:focus, ._30l31gjq:hover, ._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
+._c2wa8stv:active, ._4fpr8stv:focus, ._1bnx8stv:hover, ._1x288stv:visited{text-decoration-line:underline}
 a._1ray131l:active, a._dlb7131l:focus, a._rnxt131l:hover, a._1h4d131l:visited{color:var(--ds-text-subtlest,#626f86)}
 a._fjv61r31:active, a._93u91r31:focus, a._g2lk1r31:hover, a._pnzf1r31:visited{text-decoration-color:currentColor}
 a._hlwq8stv:active, a._1e2m8stv:focus, a._1l4b8stv:hover, a._ue8d8stv:visited{text-decoration-line:underline}

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

@@ -11,6 +11,7 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
 var _useLinkClicked = require("../../../../../../state/analytics/useLinkClicked");
@@ -66,11 +67,20 @@ var anchorLinkLineHeight2Map = {
   medium: "_102kviql",
   small: "_102kviql"
 };
-var themeStyleMap = {
+
+/**
+ * Remove on FG clean up of twg-graphyte-smart-card-link-theme-fix
+ */
+var themeStyleMapOld = {
   grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
   black: "_syaz1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
   link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
 };
+var themeStyleMap = {
+  grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
+  black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
+  link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 /**
  * A base element that represent an anchor.
  * @internal
@@ -108,7 +118,7 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     href: url
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], themeStyleMap[theme], className])
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], (0, _platformFeatureFlags.fg)('twg-graphyte-smart-card-link-theme-fix') ? themeStyleMap[theme] : themeStyleMapOld[theme], className])
     // We do not want set the target if it is the default value of '_self'. This prevents link
     // click issues in Confluence and Trello which rely on it not being set unless necessary.
   }, target !== '_self' && {

package/dist/cjs/view/InlineCard/ForbiddenView/index.compiled.css

@@ -1,7 +1,5 @@
 
 ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
-._1e0cbu77{display:inline flex}
-._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}

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

@@ -14,7 +14,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
@@ -25,9 +24,7 @@ var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"))
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var styles = {
-  iconWrapper: "_2hwx1i6y _1e0cbu77",
-  actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
-  actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
+  actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
   return /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
@@ -88,29 +85,18 @@ var InlineCardForbiddenView = exports.InlineCardForbiddenView = function InlineC
       }, renderForbiddenAccessMessage());
     }
     if (onAuthorise) {
-      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-inline-lozenge')) {
-        return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-          xcss: styles.actionButtonLozengeStyleNew,
-          onClick: handleRetry,
-          style: {
-            font: "inherit"
-          },
-          testId: "button-connect-other-account"
-        }, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
-          appearance: "moved"
-        }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
-          isBold: true
-        } : undefined), renderForbiddenAccessMessage()));
-      }
-      return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-        xcss: styles.actionButtonLozengeStyleOld,
+      return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+        xcss: styles.actionButtonLozengeStyle,
         onClick: handleRetry,
+        style: {
+          font: "inherit"
+        },
         testId: "button-connect-other-account"
-      }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
+      }, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
         appearance: "moved"
       }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
         isBold: true
-      } : undefined), renderForbiddenAccessMessage())));
+      } : undefined), renderForbiddenAccessMessage()));
     }
     return null;
   }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);

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

@@ -5,9 +5,7 @@
 ._154i1ssb{top:50%}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._18u01b66{margin-left:var(--ds-space-050,4px)}
-._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._19pkidpf{margin-top:0}
 ._1bsb1osq{width:100%}
 ._1bsb7vkz{width:1pc}
 ._1e0c116y{display:inline-flex}
@@ -23,9 +21,7 @@
 ._kqswstnw{position:absolute}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721jtm{white-space:pre-wrap}
-._otyridpf{margin-bottom:0}
 ._p12f7vkz{max-width:1pc}
-._s7n4t94y{vertical-align:1px}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._syaz1y58{color:var(--ds-link,#0052cc)}
 ._t9ec1ooe{transform:translate(-50%,-50%)}

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

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LozengeWrapper = exports.IconTitleWrapper = exports.IconAndTitleLayout = void 0;
+exports.IconTitleWrapper = exports.IconAndTitleLayout = void 0;
 require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -19,8 +19,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../../utils");
 var _Icon = require("../Icon");
-var _excluded = ["as", "style"],
-  _excluded2 = ["as", "style"];
+var _excluded = ["as", "style"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var iconWrapperStyle = null;
 var iconImageStyle = null;
@@ -169,26 +168,4 @@ var IconTitleWrapper = exports.IconTitleWrapper = function IconTitleWrapper(prop
     as: "span",
     xcss: styles.iconTitleWrapperStyle
   }, props));
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
-var LozengeWrapperOldVisualRefresh = (0, _react.forwardRef)(function (_ref3, __cmplr) {
-  var _ref3$as = _ref3.as,
-    C = _ref3$as === void 0 ? "span" : _ref3$as,
-    __cmpls = _ref3.style,
-    __cmplp = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
-  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
-  }));
-});
-
-// Remove on platform-linking-visual-refresh-inline-lozenge cleanup
-if (process.env.NODE_ENV !== 'production') {
-  LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
-}
-var LozengeWrapper = exports.LozengeWrapper = function LozengeWrapper(props) {
-  // note: This is just to get the types to work due to compiled css weirdness.
-  return /*#__PURE__*/_react.default.createElement(LozengeWrapperOldVisualRefresh, props);
 };

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

@@ -11,7 +11,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 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 _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"));
@@ -28,31 +27,21 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
   return (0, _createClass2.default)(InlineCardResolvedView, [{
     key: "renderLozenge",
     value: function renderLozenge() {
+      var _lozenge$style, _lozenge$style2;
       var lozenge = this.props.lozenge;
       if (!lozenge) {
         return null;
       }
       var appearance = lozenge.appearance || 'default';
-      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-inline-lozenge')) {
-        var _lozenge$style, _lozenge$style2;
-        return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
-          testId: "inline-card-resolved-view-lozenge",
-          appearance: appearance,
-          style: {
-            backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
-            color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
-          },
-          isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
-        }, lozenge.text);
-      }
-      return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+      return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
         testId: "inline-card-resolved-view-lozenge",
-        appearance: appearance
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: lozenge.style,
+        appearance: appearance,
+        style: {
+          backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
+          color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+        },
         isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
-      }, lozenge.text));
+      }, lozenge.text);
     }
   }, {
     key: "render",

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

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

package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -10,9 +10,11 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -36,15 +38,17 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
     });
     onClose === null || onClose === void 0 || onClose();
   }, [fireEvent, onClose]);
-  return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, {
+  return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, (0, _extends2.default)({
     testId: "related-links-modal",
     onClose: closeHandler,
-    width: fixedWidth,
-    autoFocus: false,
+    width: fixedWidth
+  }, (0, _platformFeatureFlags.fg)('navx-1304-related-links-remove-false-autofocus') ? {} : {
+    autoFocus: false
+  }, {
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler,
     height: '504px'
-  }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, children), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_new.default, {
+  }), /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, children), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_new.default, {
     appearance: "primary",
     onClick: closeHandler
   }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.close)))));

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: "40.6.2"
+  packageVersion: "40.7.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js

@@ -4,7 +4,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useState } from 'react';
 import ImageLoader from 'react-render-image';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { LoadingSkeleton } from '../loading-skeleton';
 const styles = {
   roundImg: "_2rko14q2"
@@ -29,7 +28,7 @@ const ImageIcon = ({
   if (hasImageErrored) {
     return defaultIcon;
   }
-  if (hideLoadingSkeleton && fg('platform_fix_block_card_img_icon_vc')) {
+  if (hideLoadingSkeleton) {
     return /*#__PURE__*/React.createElement("img", {
       src: url,
       "data-testid": `${testId}-image`,

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

@@ -25,8 +25,12 @@ a._ye10131l{color:var(--ds-text-subtlest,#626f86)}
 ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
+._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
+._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
 ._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
 ._9h8h1fxt:active{color:var(--ds-text,#172b4d)}
+._9h8h1gjq:active, ._f8pj1gjq:focus, ._30l31gjq:hover, ._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
+._c2wa8stv:active, ._4fpr8stv:focus, ._1bnx8stv:hover, ._1x288stv:visited{text-decoration-line:underline}
 a._1ray131l:active, a._dlb7131l:focus, a._rnxt131l:hover, a._1h4d131l:visited{color:var(--ds-text-subtlest,#626f86)}
 a._fjv61r31:active, a._93u91r31:focus, a._g2lk1r31:hover, a._pnzf1r31:visited{text-decoration-color:currentColor}
 a._hlwq8stv:active, a._1e2m8stv:focus, a._1l4b8stv:hover, a._ue8d8stv:visited{text-decoration-line:underline}

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

@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 import React, { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize, SmartLinkTheme } from '../../../../../../constants';
 import { useMouseDownEvent } from '../../../../../../state/analytics/useLinkClicked';
@@ -56,11 +57,20 @@ const anchorLinkLineHeight2Map = {
   medium: "_102kviql",
   small: "_102kviql"
 };
-const themeStyleMap = {
+
+/**
+ * Remove on FG clean up of twg-graphyte-smart-card-link-theme-fix
+ */
+const themeStyleMapOld = {
   grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
   black: "_syaz1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
   link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
 };
+const themeStyleMap = {
+  grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
+  black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
+  link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 /**
  * A base element that represent an anchor.
  * @internal
@@ -92,7 +102,7 @@ const BaseLinkElement = ({
     href: url
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], themeStyleMap[theme], className])
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], fg('twg-graphyte-smart-card-link-theme-fix') ? themeStyleMap[theme] : themeStyleMapOld[theme], className])
     // We do not want set the target if it is the default value of '_self'. This prevents link
     // click issues in Confluence and Trello which rely on it not being set unless necessary.
   }, target !== '_self' && {

package/dist/es2019/view/InlineCard/ForbiddenView/index.compiled.css

@@ -1,7 +1,5 @@
 
 ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
-._1e0cbu77{display:inline flex}
-._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}

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

@@ -6,7 +6,6 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
-import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import { N500 } from '@atlaskit/theme/colors';
@@ -15,11 +14,9 @@ import { HoverCard } from '../../HoverCard';
 import { ActionButton } from '../common/action-button';
 import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
-import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
+import { IconAndTitleLayout } from '../IconAndTitleLayout';
 const styles = {
-  iconWrapper: "_2hwx1i6y _1e0cbu77",
-  actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
-  actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
+  actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 const fallbackForbiddenIcon = () => {
   return /*#__PURE__*/React.createElement(LockLockedIcon, {
@@ -78,29 +75,18 @@ export const InlineCardForbiddenView = ({
       }, renderForbiddenAccessMessage());
     }
     if (onAuthorise) {
-      if (fg('platform-linking-visual-refresh-inline-lozenge')) {
-        return /*#__PURE__*/React.createElement(Pressable, {
-          xcss: styles.actionButtonLozengeStyleNew,
-          onClick: handleRetry,
-          style: {
-            font: `inherit`
-          },
-          testId: "button-connect-other-account"
-        }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
-          appearance: "moved"
-        }, fg('platform-component-visual-refresh') ? {
-          isBold: true
-        } : undefined), renderForbiddenAccessMessage()));
-      }
-      return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
-        xcss: styles.actionButtonLozengeStyleOld,
+      return /*#__PURE__*/React.createElement(Pressable, {
+        xcss: styles.actionButtonLozengeStyle,
         onClick: handleRetry,
+        style: {
+          font: `inherit`
+        },
         testId: "button-connect-other-account"
-      }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+      }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
         appearance: "moved"
       }, fg('platform-component-visual-refresh') ? {
         isBold: true
-      } : undefined), renderForbiddenAccessMessage())));
+      } : undefined), renderForbiddenAccessMessage()));
     }
     return null;
   }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);

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

@@ -5,9 +5,7 @@
 ._154i1ssb{top:50%}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._18u01b66{margin-left:var(--ds-space-050,4px)}
-._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._19pkidpf{margin-top:0}
 ._1bsb1osq{width:100%}
 ._1bsb7vkz{width:1pc}
 ._1e0c116y{display:inline-flex}
@@ -23,9 +21,7 @@
 ._kqswstnw{position:absolute}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721jtm{white-space:pre-wrap}
-._otyridpf{margin-bottom:0}
 ._p12f7vkz{max-width:1pc}
-._s7n4t94y{vertical-align:1px}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._syaz1y58{color:var(--ds-link,#0052cc)}
 ._t9ec1ooe{transform:translate(-50%,-50%)}

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

@@ -158,26 +158,4 @@ export const IconTitleWrapper = props => {
     as: "span",
     xcss: styles.iconTitleWrapperStyle
   }, props));
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
-const LozengeWrapperOldVisualRefresh = forwardRef(({
-  as: C = "span",
-  style: __cmpls,
-  ...__cmplp
-}, __cmplr) => {
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
-  }));
-});
-
-// Remove on platform-linking-visual-refresh-inline-lozenge cleanup
-if (process.env.NODE_ENV !== 'production') {
-  LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
-}
-export const LozengeWrapper = props => {
-  // note: This is just to get the types to work due to compiled css weirdness.
-  return /*#__PURE__*/React.createElement(LozengeWrapperOldVisualRefresh, props);
 };

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

@@ -1,12 +1,12 @@
 import React from 'react';
-import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { HoverCard } from '../../HoverCard';
 import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
-import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
+import { IconAndTitleLayout } from '../IconAndTitleLayout';
 export class InlineCardResolvedView extends React.Component {
   renderLozenge() {
+    var _lozenge$style, _lozenge$style2;
     const {
       lozenge
     } = this.props;
@@ -14,26 +14,15 @@ export class InlineCardResolvedView extends React.Component {
       return null;
     }
     const appearance = lozenge.appearance || 'default';
-    if (fg('platform-linking-visual-refresh-inline-lozenge')) {
-      var _lozenge$style, _lozenge$style2;
-      return /*#__PURE__*/React.createElement(InlineLozenge, {
-        testId: "inline-card-resolved-view-lozenge",
-        appearance: appearance,
-        style: {
-          backgroundColor: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
-          color: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
-        },
-        isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
-      }, lozenge.text);
-    }
-    return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+    return /*#__PURE__*/React.createElement(InlineLozenge, {
       testId: "inline-card-resolved-view-lozenge",
-      appearance: appearance
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      ,
-      style: lozenge.style,
+      appearance: appearance,
+      style: {
+        backgroundColor: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
+        color: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+      },
       isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
-    }, lozenge.text));
+    }, lozenge.text);
   }
   render() {
     const {

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

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

package/dist/es2019/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -1,10 +1,12 @@
 /* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
 const fixedWidth = 'small'; // pre-defined 400px by Atlaskit
@@ -29,15 +31,17 @@ const RelatedLinksBaseModal = ({
     });
     onClose === null || onClose === void 0 ? void 0 : onClose();
   }, [fireEvent, onClose]);
-  return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, _extends({
     testId: "related-links-modal",
     onClose: closeHandler,
-    width: fixedWidth,
-    autoFocus: false,
+    width: fixedWidth
+  }, fg('navx-1304-related-links-remove-false-autofocus') ? {} : {
+    autoFocus: false
+  }, {
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler,
     height: '504px'
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: closeHandler
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));

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

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -5,7 +5,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useState } from 'react';
 import ImageLoader from 'react-render-image';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { LoadingSkeleton } from '../loading-skeleton';
 var styles = {
   roundImg: "_2rko14q2"
@@ -34,7 +33,7 @@ var ImageIcon = function ImageIcon(_ref) {
   if (hasImageErrored) {
     return defaultIcon;
   }
-  if (hideLoadingSkeleton && fg('platform_fix_block_card_img_icon_vc')) {
+  if (hideLoadingSkeleton) {
     return /*#__PURE__*/React.createElement("img", {
       src: url,
       "data-testid": "".concat(testId, "-image"),

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

@@ -25,8 +25,12 @@ a._ye10131l{color:var(--ds-text-subtlest,#626f86)}
 ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
+._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
+._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
 ._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
 ._9h8h1fxt:active{color:var(--ds-text,#172b4d)}
+._9h8h1gjq:active, ._f8pj1gjq:focus, ._30l31gjq:hover, ._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
+._c2wa8stv:active, ._4fpr8stv:focus, ._1bnx8stv:hover, ._1x288stv:visited{text-decoration-line:underline}
 a._1ray131l:active, a._dlb7131l:focus, a._rnxt131l:hover, a._1h4d131l:visited{color:var(--ds-text-subtlest,#626f86)}
 a._fjv61r31:active, a._93u91r31:focus, a._g2lk1r31:hover, a._pnzf1r31:visited{text-decoration-color:currentColor}
 a._hlwq8stv:active, a._1e2m8stv:focus, a._1l4b8stv:hover, a._ue8d8stv:visited{text-decoration-line:underline}

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

@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 import React, { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize, SmartLinkTheme } from '../../../../../../constants';
 import { useMouseDownEvent } from '../../../../../../state/analytics/useLinkClicked';
@@ -58,11 +59,20 @@ var anchorLinkLineHeight2Map = {
   medium: "_102kviql",
   small: "_102kviql"
 };
-var themeStyleMap = {
+
+/**
+ * Remove on FG clean up of twg-graphyte-smart-card-link-theme-fix
+ */
+var themeStyleMapOld = {
   grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
   black: "_syaz1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
   link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
 };
+var themeStyleMap = {
+  grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
+  black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
+  link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 /**
  * A base element that represent an anchor.
  * @internal
@@ -100,7 +110,7 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     href: url
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], themeStyleMap[theme], className])
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], fg('twg-graphyte-smart-card-link-theme-fix') ? themeStyleMap[theme] : themeStyleMapOld[theme], className])
     // We do not want set the target if it is the default value of '_self'. This prevents link
     // click issues in Confluence and Trello which rely on it not being set unless necessary.
   }, target !== '_self' && {

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

@@ -1,7 +1,5 @@
 
 ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
-._1e0cbu77{display:inline flex}
-._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}

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

@@ -7,7 +7,6 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
-import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import { N500 } from '@atlaskit/theme/colors';
@@ -16,11 +15,9 @@ import { HoverCard } from '../../HoverCard';
 import { ActionButton } from '../common/action-button';
 import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
-import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
+import { IconAndTitleLayout } from '../IconAndTitleLayout';
 var styles = {
-  iconWrapper: "_2hwx1i6y _1e0cbu77",
-  actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
-  actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
+  actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
   return /*#__PURE__*/React.createElement(LockLockedIcon, {
@@ -81,29 +78,18 @@ export var InlineCardForbiddenView = function InlineCardForbiddenView(_ref) {
       }, renderForbiddenAccessMessage());
     }
     if (onAuthorise) {
-      if (fg('platform-linking-visual-refresh-inline-lozenge')) {
-        return /*#__PURE__*/React.createElement(Pressable, {
-          xcss: styles.actionButtonLozengeStyleNew,
-          onClick: handleRetry,
-          style: {
-            font: "inherit"
-          },
-          testId: "button-connect-other-account"
-        }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
-          appearance: "moved"
-        }, fg('platform-component-visual-refresh') ? {
-          isBold: true
-        } : undefined), renderForbiddenAccessMessage()));
-      }
-      return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
-        xcss: styles.actionButtonLozengeStyleOld,
+      return /*#__PURE__*/React.createElement(Pressable, {
+        xcss: styles.actionButtonLozengeStyle,
         onClick: handleRetry,
+        style: {
+          font: "inherit"
+        },
         testId: "button-connect-other-account"
-      }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+      }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
         appearance: "moved"
       }, fg('platform-component-visual-refresh') ? {
         isBold: true
-      } : undefined), renderForbiddenAccessMessage())));
+      } : undefined), renderForbiddenAccessMessage()));
     }
     return null;
   }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);

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

@@ -5,9 +5,7 @@
 ._154i1ssb{top:50%}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._18u01b66{margin-left:var(--ds-space-050,4px)}
-._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._19pkidpf{margin-top:0}
 ._1bsb1osq{width:100%}
 ._1bsb7vkz{width:1pc}
 ._1e0c116y{display:inline-flex}
@@ -23,9 +21,7 @@
 ._kqswstnw{position:absolute}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721jtm{white-space:pre-wrap}
-._otyridpf{margin-bottom:0}
 ._p12f7vkz{max-width:1pc}
-._s7n4t94y{vertical-align:1px}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._syaz1y58{color:var(--ds-link,#0052cc)}
 ._t9ec1ooe{transform:translate(-50%,-50%)}

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

@@ -1,8 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "style"],
-  _excluded2 = ["as", "style"];
+var _excluded = ["as", "style"];
 import "./index.compiled.css";
 import { forwardRef } from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -161,26 +160,4 @@ export var IconTitleWrapper = function IconTitleWrapper(props) {
     as: "span",
     xcss: styles.iconTitleWrapperStyle
   }, props));
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
-var LozengeWrapperOldVisualRefresh = forwardRef(function (_ref3, __cmplr) {
-  var _ref3$as = _ref3.as,
-    C = _ref3$as === void 0 ? "span" : _ref3$as,
-    __cmpls = _ref3.style,
-    __cmplp = _objectWithoutProperties(_ref3, _excluded2);
-  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
-    style: __cmpls,
-    ref: __cmplr,
-    className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
-  }));
-});
-
-// Remove on platform-linking-visual-refresh-inline-lozenge cleanup
-if (process.env.NODE_ENV !== 'production') {
-  LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
-}
-export var LozengeWrapper = function LozengeWrapper(props) {
-  // note: This is just to get the types to work due to compiled css weirdness.
-  return /*#__PURE__*/React.createElement(LozengeWrapperOldVisualRefresh, props);
 };

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

@@ -6,12 +6,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 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 InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
-import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
+import { IconAndTitleLayout } from '../IconAndTitleLayout';
 export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
   function InlineCardResolvedView() {
     _classCallCheck(this, InlineCardResolvedView);
@@ -21,31 +20,21 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
   return _createClass(InlineCardResolvedView, [{
     key: "renderLozenge",
     value: function renderLozenge() {
+      var _lozenge$style, _lozenge$style2;
       var lozenge = this.props.lozenge;
       if (!lozenge) {
         return null;
       }
       var appearance = lozenge.appearance || 'default';
-      if (fg('platform-linking-visual-refresh-inline-lozenge')) {
-        var _lozenge$style, _lozenge$style2;
-        return /*#__PURE__*/React.createElement(InlineLozenge, {
-          testId: "inline-card-resolved-view-lozenge",
-          appearance: appearance,
-          style: {
-            backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
-            color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
-          },
-          isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
-        }, lozenge.text);
-      }
-      return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+      return /*#__PURE__*/React.createElement(InlineLozenge, {
         testId: "inline-card-resolved-view-lozenge",
-        appearance: appearance
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: lozenge.style,
+        appearance: appearance,
+        style: {
+          backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
+          color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+        },
         isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
-      }, lozenge.text));
+      }, lozenge.text);
     }
   }, {
     key: "render",

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

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

package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -1,10 +1,12 @@
 /* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
 var fixedWidth = 'small'; // pre-defined 400px by Atlaskit
@@ -27,15 +29,17 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
     });
     onClose === null || onClose === void 0 || onClose();
   }, [fireEvent, onClose]);
-  return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, _extends({
     testId: "related-links-modal",
     onClose: closeHandler,
-    width: fixedWidth,
-    autoFocus: false,
+    width: fixedWidth
+  }, fg('navx-1304-related-links-remove-false-autofocus') ? {} : {
+    autoFocus: false
+  }, {
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler,
     height: '504px'
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: closeHandler
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));

package/dist/types/view/InlineCard/IconAndTitleLayout/index.d.ts

@@ -23,4 +23,3 @@ export interface IconAndTitleLayoutProps {
 }
 export declare const IconAndTitleLayout: ({ icon, emoji, defaultIcon, onClick, children, title, titleColor, titleTextColor, link, rightSide, testId, type, }: IconAndTitleLayoutProps) => JSX.Element;
 export declare const IconTitleWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
-export declare const LozengeWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;

package/dist/types-ts4.5/view/InlineCard/IconAndTitleLayout/index.d.ts

@@ -23,4 +23,3 @@ export interface IconAndTitleLayoutProps {
 }
 export declare const IconAndTitleLayout: ({ icon, emoji, defaultIcon, onClick, children, title, titleColor, titleTextColor, link, rightSide, testId, type, }: IconAndTitleLayoutProps) => JSX.Element;
 export declare const IconTitleWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
-export declare const LozengeWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.7.0",
+	"version": "40.7.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 		"@atlaskit/icon": "^27.9.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-lab": "^5.3.0",
-		"@atlaskit/icon-object": "^7.1.0",
+		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/json-ld-types": "^1.4.0",
@@ -96,7 +96,7 @@
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/media-test-helpers": "^37.0.0",
-		"@atlaskit/react-ufo": "^4.1.0",
+		"@atlaskit/react-ufo": "^4.2.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/analytics-tooling": "^0.5.0",
@@ -127,7 +127,6 @@
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-test-renderer": "^18.2.0",
 		"ts-jest": "^29.2.2",
-		"typescript": "~5.4.2",
 		"xhr-mock": "^2.4.0"
 	},
 	"techstack": {
@@ -181,9 +180,6 @@
 		"platform-smart-card-shift-key": {
 			"type": "boolean"
 		},
-		"icon-object-migration": {
-			"type": "boolean"
-		},
 		"confluence-issue-terminology-refresh": {
 			"type": "boolean"
 		},
@@ -193,9 +189,6 @@
 		"platform_smart_links_controlled_dsp_export_view": {
 			"type": "boolean"
 		},
-		"platform-linking-visual-refresh-inline-lozenge": {
-			"type": "boolean"
-		},
 		"smart_links_noun_support": {
 			"type": "boolean"
 		},
@@ -217,9 +210,6 @@
 		"prompt_whiteboard_competitor_link_gate": {
 			"type": "boolean"
 		},
-		"platform_fix_block_card_img_icon_vc": {
-			"type": "boolean"
-		},
 		"platform-linking-team-member-count-component": {
 			"type": "boolean"
 		},
@@ -229,6 +219,9 @@
 		"platform_renderer_blindspots": {
 			"type": "boolean"
 		},
+		"twg-graphyte-smart-card-link-theme-fix": {
+			"type": "boolean"
+		},
 		"platform_editor_preview_panel_linking": {
 			"type": "boolean"
 		},
@@ -246,6 +239,9 @@
 		},
 		"navx-1184-fix-smart-link-a11y-interactive-states": {
 			"type": "boolean"
+		},
+		"navx-1304-related-links-remove-false-autofocus": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"