@atlaskit/smart-card 40.5.6 → 40.6.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 40.6.0
+
+### Minor Changes
+
+- [#191974](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191974)
+  [`e04653dbc86fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e04653dbc86fd) -
+  NAVX-1184 Removing and fixing eslint a11y rules from linking-platform packages
+
 ## 40.5.6
 
 ### Patch 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.5.5"
+  packageVersion: "40.5.6"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/EmbedCard/components/IFrame.js

@@ -16,10 +16,11 @@ var IFrame = exports.IFrame = function IFrame(_ref) {
   var childRef = _ref.childRef,
     className = _ref.className,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // eslint-disable-next-line jsx-a11y/iframe-has-title,@atlaskit/ui-styling-standard/no-classname-prop
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/_react.default.createElement("iframe", (0, _extends2.default)({
     className: className
   }, props, {
-    ref: childRef
+    ref: childRef,
+    title: props.title
   }));
 };

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

@@ -148,7 +148,9 @@ var LinkInfo = function LinkInfo(_ref) {
     color: "color.text",
     testId: "".concat(testId, "-title")
   }, title), /*#__PURE__*/_react.default.createElement("span", {
-    tabIndex: 0
+    tabIndex: 0,
+    role: "button",
+    "aria-hidden": true
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
   }, downloadButton, urlButton, sizeButton, (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {

package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -72,7 +72,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
-    "data-testid": "".concat(testId, "-hover-card-wrapper")
+    "data-testid": "".concat(testId, "-hover-card-wrapper"),
+    role: "presentation"
   }, children));
 };
 var _default = exports.default = HoverCardControl;

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

@@ -5,9 +5,12 @@
 ._14hp1wdt button{width:220px}
 ._18m915vq{overflow-y:hidden}
 ._18u0xy5q{margin-left:var(--ds-space-400,2pc)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
+._1bah1e5h{justify-content:left}
 ._1bto1l2s{text-overflow:ellipsis}
+._1e0c1kw7{display:inherit}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
 ._1nmz1hna{word-break:break-word}
@@ -18,10 +21,19 @@
 ._4cvr1h6o{align-items:center}
 ._4cvr1y6m{align-items:flex-start}
 ._80omtlke{cursor:pointer}
-._ngc01o8f >div, ._1t4p1o8f >span{color:var(--_ggxzyp)}
+._bfhk1j28{background-color:transparent}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._ngc01fxt >div, ._1t4p1fxt >span{color:var(--ds-text,#172b4d)}
 ._o5724jg8{white-space:normal}
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._sudp1e54{-webkit-box-orient:vertical}
+._syaz14q2{color:var(--ds-link,#0c66e4)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
+._1bnx8stv:hover{text-decoration-line:underline}
 ._1eo073ad button:hover{cursor:default}
+._30l316c2:hover{color:var(--ds-link-pressed,#05c)}
 ._6pup1kw7 button:hover{background-color:inherit}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}
 @supports not (-webkit-line-clamp:1){._102k1hw0{max-height:var(--_hm3wc5)}}

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

@@ -15,6 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _dropdownMenu = require("@atlaskit/dropdown-menu");
 var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../../../../messages");
@@ -22,10 +23,13 @@ var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../.
 var _utils = require("../../../../../utils");
 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 MAX_LINE_NUMBER = 8;
-var contentStyles = null;
-var linkStyles = null;
-var textStylesBase = null;
-var dropdownItemGroupStyles = null;
+var styles = {
+  contentStyles: "_zulpu2gc _11c81ixg _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme2smr _102e2smr _ngc01fxt _1t4p1fxt",
+  linkStyles: "_zulpu2gc _1reo15vq _18m915vq _11c82smr _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o",
+  textStylesBase: "_11c81ixg _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54",
+  dropdownItemGroupStyles: "_14hp1wdt _6pup1kw7 _1eo073ad",
+  openIssueInJiraStyles: "_11c82smr _bfhk1j28 _1bah1e5h _1e0c1kw7 _syaz14q2 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l316c2"
+};
 var LozengeActionError = function LozengeActionError(_ref) {
   var errorMessage = _ref.errorMessage,
     testId = _ref.testId,
@@ -47,10 +51,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
   var dynamicCss = null;
   var content = (0, _react.useMemo)(function () {
     return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)(["_zulpu2gc _11c81ixg _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme2smr _102e2smr _ngc01o8f _1t4p1o8f"]),
-      style: {
-        "--_ggxzyp": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N800, ")"))
-      }
+      className: (0, _runtime.ax)([styles.contentStyles])
     }, /*#__PURE__*/React.createElement(_statusErrorError.default, {
       testId: "".concat(testId, "-icon"),
       LEGACY_size: "medium",
@@ -60,14 +61,21 @@ var LozengeActionError = function LozengeActionError(_ref) {
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement("span", {
       "data-testid": "".concat(testId, "-error-message"),
-      className: (0, _runtime.ax)(["_11c81ixg _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyj1n6p _102k1hw0"]),
+      className: (0, _runtime.ax)([styles.textStylesBase, "_1yyj1n6p _102k1hw0"]),
       style: {
         "--_t4prqe": (0, _runtime.ix)(maxLineNumber),
         "--_hm3wc5": (0, _runtime.ix)("calc(".concat(maxLineNumber, " * 1rem)"))
       }
     }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)(["_zulpu2gc _1reo15vq _18m915vq _11c82smr _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o"])
-    }, /*#__PURE__*/React.createElement("a", {
+      className: (0, _runtime.ax)([styles.linkStyles])
+    }, (0, _platformFeatureFlags.fg)('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(_compiled.Pressable, {
+      testId: "".concat(testId, "-open-embed"),
+      onClick: handlePreviewOpen,
+      xcss: styles.openIssueInJiraStyles
+    }, (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira)) :
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-is-valid, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React.createElement("a", {
       target: "_blank",
       "data-testid": "".concat(testId, "-open-embed"),
       onClick: handlePreviewOpen
@@ -75,7 +83,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-error-item-group"),
-    className: (0, _runtime.ax)(["_14hp1wdt _6pup1kw7 _1eo073ad"])
+    className: (0, _runtime.ax)([styles.dropdownItemGroupStyles])
   }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
     testId: "".concat(testId, "-error")
   }, content)));

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

@@ -30,19 +30,16 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     var _e$currentTarget;
     (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || (_e$currentTarget = _e$currentTarget.firstElementChild) === null || _e$currentTarget === void 0 || _e$currentTarget.focus();
   }, []);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    _react.default.createElement("span", {
-      onMouseEnter: handleMouseEnter
-    }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
-      onClick: handleClick,
-      testId: testId
-    }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
-      appearance: appearance
-    }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
-      isBold: true
-    } : undefined), text)))
-  );
+  return /*#__PURE__*/_react.default.createElement("span", {
+    onMouseEnter: handleMouseEnter,
+    role: "presentation"
+  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+    onClick: handleClick,
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
+    appearance: appearance
+  }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined), text)));
 };
 var _default = exports.default = LozengeActionItem;

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

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

@@ -35,6 +35,7 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     "data-testId": testId,
     onFocus: onFocus,
+    role: "presentation",
     className: (0, _runtime.ax)(["_195g10v4 _18zr1ejb", "_irr3166n _1di61dty", isSelected && "_bfhkfg4m _16qsd1ld _irr3i1yw _1di619ru"]),
     style: {
       "--_g94mg3": (0, _runtime.ix)("inset 2px 0 0 0 ".concat("var(--ds-border-selected, #0C66E4)"))

package/dist/cjs/view/common/stop-propagation/index.js

@@ -9,16 +9,23 @@ exports.StopPropagation = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 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 = null;
+var styles = {
+  pressable: "_c71lidpf _p12fidpf _kqswstnw"
+};
 var StopPropagation = exports.StopPropagation = function StopPropagation(_ref) {
   var children = _ref.children;
   var onClick = (0, _react.useCallback)(function (e) {
     // Prevent click event inside modal from bubble up
     e.stopPropagation();
   }, []);
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return (0, _platformFeatureFlags.fg)('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+    xcss: styles.pressable,
+    onClick: onClick
+  }, children) : /*#__PURE__*/_react.default.createElement("span", {
     onClick: onClick,
-    className: (0, _runtime.ax)(["_c71lidpf _p12fidpf _kqswstnw"])
+    className: (0, _runtime.ax)([styles.pressable])
   }, children);
 };

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

package/dist/es2019/view/EmbedCard/components/IFrame.js

@@ -8,10 +8,11 @@ export const IFrame = ({
   className,
   ...props
 }) => {
-  // eslint-disable-next-line jsx-a11y/iframe-has-title,@atlaskit/ui-styling-standard/no-classname-prop
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("iframe", _extends({
     className: className
   }, props, {
-    ref: childRef
+    ref: childRef,
+    title: props.title
   }));
 };

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

@@ -135,7 +135,9 @@ const LinkInfo = ({
     color: "color.text",
     testId: `${testId}-title`
   }, title), /*#__PURE__*/React.createElement("span", {
-    tabIndex: 0
+    tabIndex: 0,
+    role: "button",
+    "aria-hidden": true
   })), /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
   }, downloadButton, urlButton, sizeButton, fg('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/React.createElement(LinkInfoButton, {

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -59,7 +59,8 @@ const HoverCardControl = ({
   }, /*#__PURE__*/React.createElement("span", {
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
-    "data-testid": `${testId}-hover-card-wrapper`
+    "data-testid": `${testId}-hover-card-wrapper`,
+    role: "presentation"
   }, children));
 };
 export default HoverCardControl;

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

@@ -5,9 +5,12 @@
 ._14hp1wdt button{width:220px}
 ._18m915vq{overflow-y:hidden}
 ._18u0xy5q{margin-left:var(--ds-space-400,2pc)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
+._1bah1e5h{justify-content:left}
 ._1bto1l2s{text-overflow:ellipsis}
+._1e0c1kw7{display:inherit}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
 ._1nmz1hna{word-break:break-word}
@@ -18,10 +21,19 @@
 ._4cvr1h6o{align-items:center}
 ._4cvr1y6m{align-items:flex-start}
 ._80omtlke{cursor:pointer}
+._bfhk1j28{background-color:transparent}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._ngc01fxt >div, ._1t4p1fxt >span{color:var(--ds-text,#172b4d)}
 ._o5724jg8{white-space:normal}
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._sudp1e54{-webkit-box-orient:vertical}
+._syaz14q2{color:var(--ds-link,#0c66e4)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
+._1bnx8stv:hover{text-decoration-line:underline}
 ._1eo073ad button:hover{cursor:default}
+._30l316c2:hover{color:var(--ds-link-pressed,#05c)}
 ._6pup1kw7 button:hover{background-color:inherit}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}
 @supports not (-webkit-line-clamp:1){._102k16q4{max-height:calc(var(--_t4prqe)*1rem)}}

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

@@ -7,16 +7,20 @@ import { FormattedMessage } from 'react-intl-next';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { Pressable } from '@atlaskit/primitives/compiled';
 import { N800, R50, R500 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../../../../messages';
 import useInvokeClientAction from '../../../../../../../../state/hooks/use-invoke-client-action';
 import { getFormattedMessage } from '../../../../../utils';
 const MAX_LINE_NUMBER = 8;
-const contentStyles = null;
-const linkStyles = null;
-const textStylesBase = null;
-const dropdownItemGroupStyles = null;
+const styles = {
+  contentStyles: "_zulpu2gc _11c81ixg _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme2smr _102e2smr _ngc01fxt _1t4p1fxt",
+  linkStyles: "_zulpu2gc _1reo15vq _18m915vq _11c82smr _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o",
+  textStylesBase: "_11c81ixg _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54",
+  dropdownItemGroupStyles: "_14hp1wdt _6pup1kw7 _1eo073ad",
+  openIssueInJiraStyles: "_11c82smr _bfhk1j28 _1bah1e5h _1e0c1kw7 _syaz14q2 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l316c2"
+};
 const LozengeActionError = ({
   errorMessage,
   testId,
@@ -39,7 +43,7 @@ const LozengeActionError = ({
   const dynamicCss = null;
   const content = useMemo(() => {
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_zulpu2gc _11c81ixg _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme2smr _102e2smr _ngc01fxt _1t4p1fxt"])
+      className: ax([styles.contentStyles])
     }, /*#__PURE__*/React.createElement(ErrorIcon, {
       testId: `${testId}-icon`,
       LEGACY_size: "medium",
@@ -49,13 +53,20 @@ const LozengeActionError = ({
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement("span", {
       "data-testid": `${testId}-error-message`,
-      className: ax(["_11c81ixg _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyj1n6p _102k16q4"]),
+      className: ax([styles.textStylesBase, "_1yyj1n6p _102k16q4"]),
       style: {
         "--_t4prqe": ix(maxLineNumber)
       }
     }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
-      className: ax(["_zulpu2gc _1reo15vq _18m915vq _11c82smr _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o"])
-    }, /*#__PURE__*/React.createElement("a", {
+      className: ax([styles.linkStyles])
+    }, fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
+      testId: `${testId}-open-embed`,
+      onClick: handlePreviewOpen,
+      xcss: styles.openIssueInJiraStyles
+    }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira)) :
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-is-valid, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React.createElement("a", {
       target: "_blank",
       "data-testid": `${testId}-open-embed`,
       onClick: handlePreviewOpen
@@ -63,7 +74,7 @@ const LozengeActionError = ({
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": `${testId}-error-item-group`,
-    className: ax(["_14hp1wdt _6pup1kw7 _1eo073ad"])
+    className: ax([styles.dropdownItemGroupStyles])
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
     testId: `${testId}-error`
   }, content)));

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

@@ -22,19 +22,16 @@ const LozengeActionItem = ({
     var _e$currentTarget, _e$currentTarget$firs;
     (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
   }, []);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React.createElement("span", {
-      onMouseEnter: handleMouseEnter
-    }, /*#__PURE__*/React.createElement(DropdownItem, {
-      onClick: handleClick,
-      testId: testId
-    }, /*#__PURE__*/React.createElement(Lozenge, _extends({
-      appearance: appearance
-    }, fg('platform-component-visual-refresh') ? {
-      isBold: true
-    } : undefined), text)))
-  );
+  return /*#__PURE__*/React.createElement("span", {
+    onMouseEnter: handleMouseEnter,
+    role: "presentation"
+  }, /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: handleClick,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+    appearance: appearance
+  }, fg('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined), text)));
 };
 export default LozengeActionItem;

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

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

@@ -28,6 +28,7 @@ const RelatedLinkItem = ({
   return /*#__PURE__*/React.createElement("div", {
     "data-testId": testId,
     onFocus: onFocus,
+    role: "presentation",
     className: ax(["_195g10v4 _18zr1ejb", "_irr3166n _1di61dty", isSelected && "_bfhkfg4m _16qs1kf8 _irr3i1yw _1di619ru"])
   }, /*#__PURE__*/React.createElement(Card, {
     appearance: "block",

package/dist/es2019/view/common/stop-propagation/index.js

@@ -2,7 +2,11 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
-const styles = null;
+import { fg } from "@atlaskit/platform-feature-flags";
+import { Pressable } from '@atlaskit/primitives/compiled';
+const styles = {
+  pressable: "_c71lidpf _p12fidpf _kqswstnw"
+};
 export const StopPropagation = ({
   children
 }) => {
@@ -10,8 +14,11 @@ export const StopPropagation = ({
     // Prevent click event inside modal from bubble up
     e.stopPropagation();
   }, []);
-  return /*#__PURE__*/React.createElement("span", {
+  return fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
+    xcss: styles.pressable,
+    onClick: onClick
+  }, children) : /*#__PURE__*/React.createElement("span", {
     onClick: onClick,
-    className: ax(["_c71lidpf _p12fidpf _kqswstnw"])
+    className: ax([styles.pressable])
   }, children);
 };

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

package/dist/esm/view/EmbedCard/components/IFrame.js

@@ -9,10 +9,11 @@ export var IFrame = function IFrame(_ref) {
   var childRef = _ref.childRef,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  // eslint-disable-next-line jsx-a11y/iframe-has-title,@atlaskit/ui-styling-standard/no-classname-prop
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("iframe", _extends({
     className: className
   }, props, {
-    ref: childRef
+    ref: childRef,
+    title: props.title
   }));
 };

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

@@ -139,7 +139,9 @@ var LinkInfo = function LinkInfo(_ref) {
     color: "color.text",
     testId: "".concat(testId, "-title")
   }, title), /*#__PURE__*/React.createElement("span", {
-    tabIndex: 0
+    tabIndex: 0,
+    role: "button",
+    "aria-hidden": true
   })), /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
   }, downloadButton, urlButton, sizeButton, fg('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/React.createElement(LinkInfoButton, {

package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -63,7 +63,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
   }, /*#__PURE__*/React.createElement("span", {
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
-    "data-testid": "".concat(testId, "-hover-card-wrapper")
+    "data-testid": "".concat(testId, "-hover-card-wrapper"),
+    role: "presentation"
   }, children));
 };
 export default HoverCardControl;

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

@@ -5,9 +5,12 @@
 ._14hp1wdt button{width:220px}
 ._18m915vq{overflow-y:hidden}
 ._18u0xy5q{margin-left:var(--ds-space-400,2pc)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
+._1bah1e5h{justify-content:left}
 ._1bto1l2s{text-overflow:ellipsis}
+._1e0c1kw7{display:inherit}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
 ._1nmz1hna{word-break:break-word}
@@ -18,10 +21,19 @@
 ._4cvr1h6o{align-items:center}
 ._4cvr1y6m{align-items:flex-start}
 ._80omtlke{cursor:pointer}
-._ngc01o8f >div, ._1t4p1o8f >span{color:var(--_ggxzyp)}
+._bfhk1j28{background-color:transparent}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._ngc01fxt >div, ._1t4p1fxt >span{color:var(--ds-text,#172b4d)}
 ._o5724jg8{white-space:normal}
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._sudp1e54{-webkit-box-orient:vertical}
+._syaz14q2{color:var(--ds-link,#0c66e4)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
+._1bnx8stv:hover{text-decoration-line:underline}
 ._1eo073ad button:hover{cursor:default}
+._30l316c2:hover{color:var(--ds-link-pressed,#05c)}
 ._6pup1kw7 button:hover{background-color:inherit}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}
 @supports not (-webkit-line-clamp:1){._102k1hw0{max-height:var(--_hm3wc5)}}

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

@@ -7,16 +7,20 @@ import { FormattedMessage } from 'react-intl-next';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { Pressable } from '@atlaskit/primitives/compiled';
 import { N800, R50, R500 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../../../../messages';
 import useInvokeClientAction from '../../../../../../../../state/hooks/use-invoke-client-action';
 import { getFormattedMessage } from '../../../../../utils';
 var MAX_LINE_NUMBER = 8;
-var contentStyles = null;
-var linkStyles = null;
-var textStylesBase = null;
-var dropdownItemGroupStyles = null;
+var styles = {
+  contentStyles: "_zulpu2gc _11c81ixg _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme2smr _102e2smr _ngc01fxt _1t4p1fxt",
+  linkStyles: "_zulpu2gc _1reo15vq _18m915vq _11c82smr _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o",
+  textStylesBase: "_11c81ixg _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54",
+  dropdownItemGroupStyles: "_14hp1wdt _6pup1kw7 _1eo073ad",
+  openIssueInJiraStyles: "_11c82smr _bfhk1j28 _1bah1e5h _1e0c1kw7 _syaz14q2 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l316c2"
+};
 var LozengeActionError = function LozengeActionError(_ref) {
   var errorMessage = _ref.errorMessage,
     testId = _ref.testId,
@@ -38,10 +42,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
   var dynamicCss = null;
   var content = useMemo(function () {
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_zulpu2gc _11c81ixg _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme2smr _102e2smr _ngc01o8f _1t4p1o8f"]),
-      style: {
-        "--_ggxzyp": ix("var(--ds-text, ".concat(N800, ")"))
-      }
+      className: ax([styles.contentStyles])
     }, /*#__PURE__*/React.createElement(ErrorIcon, {
       testId: "".concat(testId, "-icon"),
       LEGACY_size: "medium",
@@ -51,14 +52,21 @@ var LozengeActionError = function LozengeActionError(_ref) {
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement("span", {
       "data-testid": "".concat(testId, "-error-message"),
-      className: ax(["_11c81ixg _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyj1n6p _102k1hw0"]),
+      className: ax([styles.textStylesBase, "_1yyj1n6p _102k1hw0"]),
       style: {
         "--_t4prqe": ix(maxLineNumber),
         "--_hm3wc5": ix("calc(".concat(maxLineNumber, " * 1rem)"))
       }
     }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
-      className: ax(["_zulpu2gc _1reo15vq _18m915vq _11c82smr _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o"])
-    }, /*#__PURE__*/React.createElement("a", {
+      className: ax([styles.linkStyles])
+    }, fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
+      testId: "".concat(testId, "-open-embed"),
+      onClick: handlePreviewOpen,
+      xcss: styles.openIssueInJiraStyles
+    }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira)) :
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-is-valid, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React.createElement("a", {
       target: "_blank",
       "data-testid": "".concat(testId, "-open-embed"),
       onClick: handlePreviewOpen
@@ -66,7 +74,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-error-item-group"),
-    className: ax(["_14hp1wdt _6pup1kw7 _1eo073ad"])
+    className: ax([styles.dropdownItemGroupStyles])
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
     testId: "".concat(testId, "-error")
   }, content)));

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

@@ -21,19 +21,16 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     var _e$currentTarget;
     (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || (_e$currentTarget = _e$currentTarget.firstElementChild) === null || _e$currentTarget === void 0 || _e$currentTarget.focus();
   }, []);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React.createElement("span", {
-      onMouseEnter: handleMouseEnter
-    }, /*#__PURE__*/React.createElement(DropdownItem, {
-      onClick: handleClick,
-      testId: testId
-    }, /*#__PURE__*/React.createElement(Lozenge, _extends({
-      appearance: appearance
-    }, fg('platform-component-visual-refresh') ? {
-      isBold: true
-    } : undefined), text)))
-  );
+  return /*#__PURE__*/React.createElement("span", {
+    onMouseEnter: handleMouseEnter,
+    role: "presentation"
+  }, /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: handleClick,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+    appearance: appearance
+  }, fg('platform-component-visual-refresh') ? {
+    isBold: true
+  } : undefined), text)));
 };
 export default LozengeActionItem;

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

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

@@ -27,6 +27,7 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     "data-testId": testId,
     onFocus: onFocus,
+    role: "presentation",
     className: ax(["_195g10v4 _18zr1ejb", "_irr3166n _1di61dty", isSelected && "_bfhkfg4m _16qsd1ld _irr3i1yw _1di619ru"]),
     style: {
       "--_g94mg3": ix("inset 2px 0 0 0 ".concat("var(--ds-border-selected, #0C66E4)"))

package/dist/esm/view/common/stop-propagation/index.js

@@ -2,15 +2,22 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
-var styles = null;
+import { fg } from "@atlaskit/platform-feature-flags";
+import { Pressable } from '@atlaskit/primitives/compiled';
+var styles = {
+  pressable: "_c71lidpf _p12fidpf _kqswstnw"
+};
 export var StopPropagation = function StopPropagation(_ref) {
   var children = _ref.children;
   var onClick = useCallback(function (e) {
     // Prevent click event inside modal from bubble up
     e.stopPropagation();
   }, []);
-  return /*#__PURE__*/React.createElement("span", {
+  return fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
+    xcss: styles.pressable,
+    onClick: onClick
+  }, children) : /*#__PURE__*/React.createElement("span", {
     onClick: onClick,
-    className: ax(["_c71lidpf _p12fidpf _kqswstnw"])
+    className: ax([styles.pressable])
   }, children);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.5.6",
+	"version": "40.6.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.7.0",
+		"@atlaskit/icon": "^27.8.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-lab": "^5.2.0",
 		"@atlaskit/icon-object": "^7.1.0",
@@ -243,6 +243,9 @@
 		},
 		"platform-linking-slack-entity-support": {
 			"type": "boolean"
+		},
+		"navx-1184-fix-smart-link-a11y-interactive-states": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"