@atlaskit/smart-card 38.1.1 → 38.1.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 38.1.2
+
+### Patch Changes
+
+- [#155167](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155167)
+  [`8ccab6d9c7f91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8ccab6d9c7f91) -
+  [ux] EDM-12327 fixing all a11y violations for links and titles in smart-card
+
 ## 38.1.1
 
 ### 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: "38.1.1"
+  packageVersion: "38.1.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/EmbedModal/components/embed-content/index.js

@@ -12,6 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../../../utils");
 var _IFrame = require("../../../EmbedCard/components/IFrame");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -21,7 +22,8 @@ var EmbedContent = function EmbedContent(_ref) {
   var isTrusted = _ref.isTrusted,
     name = _ref.name,
     src = _ref.src,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    ariaLabel = _ref.ariaLabel;
   var sandbox = (0, _utils.getIframeSandboxAttribute)(isTrusted);
   var props = {
     frameBorder: 0,
@@ -30,7 +32,9 @@ var EmbedContent = function EmbedContent(_ref) {
     src: src,
     'data-testid': "".concat(testId, "-embed")
   };
-  return /*#__PURE__*/React.createElement(_IFrame.IFrame, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement(_IFrame.IFrame, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-fix-a11y-in-smart-card') ? {
+    "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "".concat(testId, "-embed")
+  } : {}, props, {
     className: (0, _runtime.ax)(["_1bsb1osq _4t3i815d"])
   }));
 };

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

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokens = require("@atlaskit/tokens");
 var _constants = require("../../constants");
 var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
@@ -102,14 +103,16 @@ var EmbedModal = function EmbedModal(_ref) {
   if (previewUrl && isSupportTheming) {
     previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
   }
-  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, (0, _extends2.default)({
     height: "100%",
     onClose: handleOnClose,
     onCloseComplete: handleOnCloseComplete,
     onOpenComplete: handleOnOpenComplete,
     testId: testId,
     width: width
-  }, /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
+  }, (0, _platformFeatureFlags.fg)('platform-linking-fix-a11y-in-smart-card') ? {
+    label: title
+  } : {}), /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
     icon: linkIcon && {
       icon: /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, linkIcon, {
         size: _constants.SmartLinkSize.Large
@@ -127,7 +130,8 @@ var EmbedModal = function EmbedModal(_ref) {
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,
-    testId: testId
+    testId: testId,
+    ariaLabel: title
   }))));
 };
 var _default = exports.default = (0, _analytics.default)((0, _errorBoundary.default)(EmbedModal));

package/dist/cjs/view/FlexibleCard/components/common/ai-summary/ai-learn-more-anchor.js

@@ -8,12 +8,18 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _excluded = ["children"];
 var AILearnMoreAnchor = function AILearnMoreAnchor(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
+  return (0, _platformFeatureFlags.fg)('platform-linking-fix-a11y-in-smart-card') ? /*#__PURE__*/_react.default.createElement(_link.default, (0, _extends2.default)({
+    href: _constants.CONTENT_URL_AI,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, props), children) : /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
     href: _constants.CONTENT_URL_AI,
     target: "_blank",
     rel: "noopener noreferrer"

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

@@ -13,7 +13,9 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../../messages");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -36,7 +38,11 @@ var WarningModal = function WarningModal(props) {
     values: {
       unsafeLinkText: unsafeLinkText,
       a: function a() {
-        return /*#__PURE__*/React.createElement("a", {
+        return (0, _platformFeatureFlags.fg)('platform-linking-fix-a11y-in-smart-card') ? /*#__PURE__*/React.createElement(_link.default, {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, url) : /*#__PURE__*/React.createElement("a", {
           href: url,
           target: "_blank",
           rel: "noopener noreferrer"

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

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

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

@@ -27,7 +27,8 @@ var EmptyState = exports.EmptyState = function EmptyState(_ref) {
     xcss: styles.emptyState,
     testId: testId
   }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(_heading.default, {
-    size: "small"
+    size: "small",
+    as: "h2"
   }, header), description && /*#__PURE__*/React.createElement(_compiled.Box, {
     as: "p",
     xcss: styles.description

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

package/dist/es2019/view/EmbedModal/components/embed-content/index.js

@@ -4,6 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { di } from 'react-magnetic-di';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { getIframeSandboxAttribute } from '../../../../utils';
 import { IFrame } from '../../../EmbedCard/components/IFrame';
 const iframeCss = null;
@@ -11,7 +12,8 @@ const EmbedContent = ({
   isTrusted,
   name,
   src,
-  testId
+  testId,
+  ariaLabel
 }) => {
   const sandbox = getIframeSandboxAttribute(isTrusted);
   const props = {
@@ -21,7 +23,9 @@ const EmbedContent = ({
     src,
     'data-testid': `${testId}-embed`
   };
-  return /*#__PURE__*/React.createElement(IFrame, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(IFrame, _extends({}, fg('platform-linking-fix-a11y-in-smart-card') ? {
+    "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : `${testId}-embed`
+  } : {}, props, {
     className: ax(["_1bsb1osq _4t3i815d"])
   }));
 };

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { useThemeObserver } from '@atlaskit/tokens';
 import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
@@ -77,14 +78,16 @@ const EmbedModal = ({
   if (previewUrl && isSupportTheming) {
     previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
   }
-  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, _extends({
     height: "100%",
     onClose: handleOnClose,
     onCloseComplete: handleOnCloseComplete,
     onOpenComplete: handleOnOpenComplete,
     testId: testId,
     width: width
-  }, /*#__PURE__*/React.createElement(LinkInfo, {
+  }, fg('platform-linking-fix-a11y-in-smart-card') ? {
+    label: title
+  } : {}), /*#__PURE__*/React.createElement(LinkInfo, {
     icon: linkIcon && {
       icon: /*#__PURE__*/React.createElement(Icon, _extends({}, linkIcon, {
         size: SmartLinkSize.Large
@@ -102,7 +105,8 @@ const EmbedModal = ({
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,
-    testId: testId
+    testId: testId,
+    ariaLabel: title
   }))));
 };
 export default withAnalytics(withErrorBoundary(EmbedModal));

package/dist/es2019/view/FlexibleCard/components/common/ai-summary/ai-learn-more-anchor.js

@@ -1,10 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import Link from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CONTENT_URL_AI } from '../../../../../constants';
 const AILearnMoreAnchor = ({
   children,
   ...props
-}) => /*#__PURE__*/React.createElement("a", _extends({
+}) => fg('platform-linking-fix-a11y-in-smart-card') ? /*#__PURE__*/React.createElement(Link, _extends({
+  href: CONTENT_URL_AI,
+  target: "_blank",
+  rel: "noopener noreferrer"
+}, props), children) : /*#__PURE__*/React.createElement("a", _extends({
   href: CONTENT_URL_AI,
   target: "_blank",
   rel: "noopener noreferrer"

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

@@ -5,7 +5,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage, injectIntl, IntlProvider } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
+import Link from '@atlaskit/link';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../messages';
 const breakWordsCss = null;
 const WarningModal = props => {
@@ -27,7 +29,11 @@ const WarningModal = props => {
   }, url && unsafeLinkText && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.link_safety_warning_message, {
     values: {
       unsafeLinkText: unsafeLinkText,
-      a: () => /*#__PURE__*/React.createElement("a", {
+      a: () => fg('platform-linking-fix-a11y-in-smart-card') ? /*#__PURE__*/React.createElement(Link, {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, url) : /*#__PURE__*/React.createElement("a", {
         href: url,
         target: "_blank",
         rel: "noopener noreferrer"

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

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

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

@@ -18,7 +18,8 @@ export const EmptyState = ({
     xcss: styles.emptyState,
     testId: testId
   }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Heading, {
-    size: "small"
+    size: "small",
+    as: "h2"
   }, header), description && /*#__PURE__*/React.createElement(Box, {
     as: "p",
     xcss: styles.description

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

package/dist/esm/view/EmbedModal/components/embed-content/index.js

@@ -4,6 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { di } from 'react-magnetic-di';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { getIframeSandboxAttribute } from '../../../../utils';
 import { IFrame } from '../../../EmbedCard/components/IFrame';
 var iframeCss = null;
@@ -11,7 +12,8 @@ var EmbedContent = function EmbedContent(_ref) {
   var isTrusted = _ref.isTrusted,
     name = _ref.name,
     src = _ref.src,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    ariaLabel = _ref.ariaLabel;
   var sandbox = getIframeSandboxAttribute(isTrusted);
   var props = {
     frameBorder: 0,
@@ -20,7 +22,9 @@ var EmbedContent = function EmbedContent(_ref) {
     src: src,
     'data-testid': "".concat(testId, "-embed")
   };
-  return /*#__PURE__*/React.createElement(IFrame, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(IFrame, _extends({}, fg('platform-linking-fix-a11y-in-smart-card') ? {
+    "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "".concat(testId, "-embed")
+  } : {}, props, {
     className: ax(["_1bsb1osq _4t3i815d"])
   }));
 };

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { useThemeObserver } from '@atlaskit/tokens';
 import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
@@ -92,14 +93,16 @@ var EmbedModal = function EmbedModal(_ref) {
   if (previewUrl && isSupportTheming) {
     previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
   }
-  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, _extends({
     height: "100%",
     onClose: handleOnClose,
     onCloseComplete: handleOnCloseComplete,
     onOpenComplete: handleOnOpenComplete,
     testId: testId,
     width: width
-  }, /*#__PURE__*/React.createElement(LinkInfo, {
+  }, fg('platform-linking-fix-a11y-in-smart-card') ? {
+    label: title
+  } : {}), /*#__PURE__*/React.createElement(LinkInfo, {
     icon: linkIcon && {
       icon: /*#__PURE__*/React.createElement(Icon, _extends({}, linkIcon, {
         size: SmartLinkSize.Large
@@ -117,7 +120,8 @@ var EmbedModal = function EmbedModal(_ref) {
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,
-    testId: testId
+    testId: testId,
+    ariaLabel: title
   }))));
 };
 export default withAnalytics(withErrorBoundary(EmbedModal));

package/dist/esm/view/FlexibleCard/components/common/ai-summary/ai-learn-more-anchor.js

@@ -2,11 +2,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import React from 'react';
+import Link from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CONTENT_URL_AI } from '../../../../../constants';
 var AILearnMoreAnchor = function AILearnMoreAnchor(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return fg('platform-linking-fix-a11y-in-smart-card') ? /*#__PURE__*/React.createElement(Link, _extends({
+    href: CONTENT_URL_AI,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, props), children) : /*#__PURE__*/React.createElement("a", _extends({
     href: CONTENT_URL_AI,
     target: "_blank",
     rel: "noopener noreferrer"

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

@@ -5,7 +5,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage, injectIntl, IntlProvider } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
+import Link from '@atlaskit/link';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../messages';
 var breakWordsCss = null;
 var WarningModal = function WarningModal(props) {
@@ -26,7 +28,11 @@ var WarningModal = function WarningModal(props) {
     values: {
       unsafeLinkText: unsafeLinkText,
       a: function a() {
-        return /*#__PURE__*/React.createElement("a", {
+        return fg('platform-linking-fix-a11y-in-smart-card') ? /*#__PURE__*/React.createElement(Link, {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, url) : /*#__PURE__*/React.createElement("a", {
           href: url,
           target: "_blank",
           rel: "noopener noreferrer"

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

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

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

@@ -17,7 +17,8 @@ export var EmptyState = function EmptyState(_ref) {
     xcss: styles.emptyState,
     testId: testId
   }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Heading, {
-    size: "small"
+    size: "small",
+    as: "h2"
   }, header), description && /*#__PURE__*/React.createElement(Box, {
     as: "p",
     xcss: styles.description

package/dist/types/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type EmbedProps } from './types';
-declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => JSX.Element;
+declare const EmbedContent: ({ isTrusted, name, src, testId, ariaLabel }: EmbedProps) => JSX.Element;
 export default EmbedContent;

package/dist/types/view/EmbedModal/components/embed-content/types.d.ts

@@ -3,4 +3,5 @@ export type EmbedProps = {
     name: string;
     src?: string;
     testId?: string;
+    ariaLabel?: string;
 };

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type EmbedProps } from './types';
-declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => JSX.Element;
+declare const EmbedContent: ({ isTrusted, name, src, testId, ariaLabel }: EmbedProps) => JSX.Element;
 export default EmbedContent;

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/types.d.ts

@@ -3,4 +3,5 @@ export type EmbedProps = {
     name: string;
     src?: string;
     testId?: string;
+    ariaLabel?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.1.1",
+	"version": "38.1.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -97,7 +97,7 @@
 		"@atlaskit/css-reset": "^7.2.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
 		"@atlaskit/media-test-helpers": "^36.0.0",
-		"@atlaskit/react-ufo": "^3.11.0",
+		"@atlaskit/react-ufo": "^3.12.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/analytics-tooling": "^0.5.0",
@@ -239,6 +239,9 @@
 		},
 		"platform-linking-additional-flexible-element-props": {
 			"type": "boolean"
+		},
+		"platform-linking-fix-a11y-in-smart-card": {
+			"type": "boolean"
 		}
 	}
 }