@atlaskit/renderer 109.37.0 → 109.39.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/renderer
 
+## 109.39.0
+
+### Minor Changes
+
+- [#115188](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115188)
+  [`6d33539d8ed41`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6d33539d8ed41) -
+  Announcing inline comments to screenreaders on renderer
+
+## 109.38.0
+
+### Minor Changes
+
+- [#115247](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115247)
+  [`251d23ff9e6c8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/251d23ff9e6c8) -
+  upgrade adf-schema version to 38.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 109.37.0
 
 ### Minor Changes

package/afm-jira/tsconfig.json

@@ -50,6 +50,9 @@
     {
       "path": "../../../elements/emoji/afm-jira/tsconfig.json"
     },
+    {
+      "path": "../../../measurement/feature-gate-js-client/afm-jira/tsconfig.json"
+    },
     {
       "path": "../../../design-system/icon/afm-jira/tsconfig.json"
     },

package/dist/cjs/messages.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableCellMessages = exports.headingAnchorLinkMessages = void 0;
+exports.tableCellMessages = exports.inlineCommentMessages = exports.headingAnchorLinkMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var headingAnchorLinkMessages = exports.headingAnchorLinkMessages = (0, _reactIntlNext.defineMessages)({
   copyHeadingLinkToClipboard: {
@@ -43,4 +43,16 @@ var tableCellMessages = exports.tableCellMessages = (0, _reactIntlNext.defineMes
     defaultMessage: 'descending',
     description: 'this table column is sorted in descending order'
   }
+});
+var inlineCommentMessages = exports.inlineCommentMessages = (0, _reactIntlNext.defineMessages)({
+  contentRendererInlineCommentMarkerStart: {
+    id: 'fabric.editor.inlineComment.marker.start',
+    defaultMessage: 'inline comment start',
+    description: 'Starting marker to indicate that text is highlighted with an inline comment by a screen reader.'
+  },
+  contentRendererInlineCommentMarkerEnd: {
+    id: 'fabric.editor.inlineComment.marker.end',
+    defaultMessage: 'inline comment end',
+    description: 'Ending marker to indicate that text was highlighted with an inline comment by a screen reader.'
+  }
 });

package/dist/cjs/ui/Renderer/index.js

@@ -56,7 +56,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.37.0";
+var packageVersion = "109.39.0";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);

package/dist/cjs/ui/annotations/element/mark.js

@@ -14,6 +14,8 @@ var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gat
 var _styles = require("@atlaskit/editor-common/styles");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("../../../messages");
 var _templateObject;
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -26,6 +28,27 @@ var markStyles = function markStyles() {
 var isMobile = function isMobile() {
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
 };
+var accessibilityStyles = function accessibilityStyles(startMarker, endMarker) {
+  return (0, _react2.css)({
+    '&::before, &::after': {
+      clipPath: 'inset(100%)',
+      clip: 'rect(1px, 1px, 1px, 1px)',
+      height: '1px',
+      overflow: 'hidden',
+      position: 'absolute',
+      whiteSpace: 'nowrap',
+      width: '1px'
+    },
+    '&::before': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      content: "' [".concat(startMarker, "] '")
+    },
+    '&::after': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      content: "' [".concat(endMarker, "] '")
+    }
+  });
+};
 var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
   var annotationParentIds = _ref.annotationParentIds,
     children = _ref.children,
@@ -36,6 +59,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
     onClick = _ref.onClick,
     useBlockLevel = _ref.useBlockLevel;
   var isInlineCommentsKbAccessible = _featureGateJsClient.default.checkGate('inline_comments_keyboard_accessible_renderer');
+  var intl = (0, _reactIntlNext.useIntl)();
   var annotationIds = (0, _react.useMemo)(function () {
     return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(annotationParentIds), [id])));
   }, [id, annotationParentIds]);
@@ -92,9 +116,21 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
   } : _objectSpread({
     'aria-details': annotationIds.join(', ')
   }, desktopAccessibilityAttributes);
+  var getAccessibilityStyles = function getAccessibilityStyles() {
+    if (isMobile()) {
+      return {};
+    }
+    if (isInlineCommentsKbAccessible) {
+      var startMarker = intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerStart);
+      var endMarker = intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerEnd);
+      return accessibilityStyles(startMarker, endMarker);
+    } else {
+      return {};
+    }
+  };
   return (0, _react2.jsx)(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)({
     id: id
   }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
-    css: [markStyles]
+    css: [markStyles, getAccessibilityStyles()]
   }), children);
 };

package/dist/es2019/messages.js

@@ -37,4 +37,16 @@ export const tableCellMessages = defineMessages({
     defaultMessage: 'descending',
     description: 'this table column is sorted in descending order'
   }
+});
+export const inlineCommentMessages = defineMessages({
+  contentRendererInlineCommentMarkerStart: {
+    id: 'fabric.editor.inlineComment.marker.start',
+    defaultMessage: 'inline comment start',
+    description: 'Starting marker to indicate that text is highlighted with an inline comment by a screen reader.'
+  },
+  contentRendererInlineCommentMarkerEnd: {
+    id: 'fabric.editor.inlineComment.marker.end',
+    defaultMessage: 'inline comment end',
+    description: 'Ending marker to indicate that text was highlighted with an inline comment by a screen reader.'
+  }
 });

package/dist/es2019/ui/Renderer/index.js

@@ -38,7 +38,7 @@ import { nodeToReact } from '../../react/nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.37.0";
+const packageVersion = "109.39.0";
 export const defaultNodeComponents = nodeToReact;
 export class Renderer extends PureComponent {
   constructor(props) {

package/dist/es2019/ui/annotations/element/mark.js

@@ -7,6 +7,8 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { useIntl } from 'react-intl-next';
+import { inlineCommentMessages } from '../../../messages';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
 const markStyles = () => css`
@@ -27,6 +29,25 @@ const markStyles = () => css`
 const isMobile = () => {
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
 };
+const accessibilityStyles = (startMarker, endMarker) => css({
+  '&::before, &::after': {
+    clipPath: 'inset(100%)',
+    clip: 'rect(1px, 1px, 1px, 1px)',
+    height: '1px',
+    overflow: 'hidden',
+    position: 'absolute',
+    whiteSpace: 'nowrap',
+    width: '1px'
+  },
+  '&::before': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    content: `' [${startMarker}] '`
+  },
+  '&::after': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    content: `' [${endMarker}] '`
+  }
+});
 export const MarkComponent = ({
   annotationParentIds,
   children,
@@ -38,6 +59,7 @@ export const MarkComponent = ({
   useBlockLevel
 }) => {
   const isInlineCommentsKbAccessible = FeatureGates.checkGate('inline_comments_keyboard_accessible_renderer');
+  const intl = useIntl();
   const annotationIds = useMemo(() => [...new Set([...annotationParentIds, id])], [id, annotationParentIds]);
   const onMarkClick = useCallback(event => {
     // prevent inline mark logic for media block marks
@@ -94,13 +116,25 @@ export const MarkComponent = ({
     'aria-details': annotationIds.join(', '),
     ...desktopAccessibilityAttributes
   };
+  const getAccessibilityStyles = () => {
+    if (isMobile()) {
+      return {};
+    }
+    if (isInlineCommentsKbAccessible) {
+      const startMarker = intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerStart);
+      const endMarker = intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerEnd);
+      return accessibilityStyles(startMarker, endMarker);
+    } else {
+      return {};
+    }
+  };
   return jsx(useBlockLevel ? 'div' : 'mark', {
     id,
     [getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes') ? 'onClickCapture' : 'onClick']: onMarkClick,
     ...accessibility,
     ...overriddenData,
     ...(!useBlockLevel && {
-      css: [markStyles]
+      css: [markStyles, getAccessibilityStyles()]
     })
   }, children);
 };

package/dist/esm/messages.js

@@ -37,4 +37,16 @@ export var tableCellMessages = defineMessages({
     defaultMessage: 'descending',
     description: 'this table column is sorted in descending order'
   }
+});
+export var inlineCommentMessages = defineMessages({
+  contentRendererInlineCommentMarkerStart: {
+    id: 'fabric.editor.inlineComment.marker.start',
+    defaultMessage: 'inline comment start',
+    description: 'Starting marker to indicate that text is highlighted with an inline comment by a screen reader.'
+  },
+  contentRendererInlineCommentMarkerEnd: {
+    id: 'fabric.editor.inlineComment.marker.end',
+    defaultMessage: 'inline comment end',
+    description: 'Ending marker to indicate that text was highlighted with an inline comment by a screen reader.'
+  }
 });

package/dist/esm/ui/Renderer/index.js

@@ -48,7 +48,7 @@ import { nodeToReact } from '../../react/nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.37.0";
+var packageVersion = "109.39.0";
 export var defaultNodeComponents = nodeToReact;
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);

package/dist/esm/ui/annotations/element/mark.js

@@ -13,6 +13,8 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { useIntl } from 'react-intl-next';
+import { inlineCommentMessages } from '../../../messages';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
 var markStyles = function markStyles() {
@@ -21,6 +23,27 @@ var markStyles = function markStyles() {
 var isMobile = function isMobile() {
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
 };
+var accessibilityStyles = function accessibilityStyles(startMarker, endMarker) {
+  return css({
+    '&::before, &::after': {
+      clipPath: 'inset(100%)',
+      clip: 'rect(1px, 1px, 1px, 1px)',
+      height: '1px',
+      overflow: 'hidden',
+      position: 'absolute',
+      whiteSpace: 'nowrap',
+      width: '1px'
+    },
+    '&::before': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      content: "' [".concat(startMarker, "] '")
+    },
+    '&::after': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      content: "' [".concat(endMarker, "] '")
+    }
+  });
+};
 export var MarkComponent = function MarkComponent(_ref) {
   var annotationParentIds = _ref.annotationParentIds,
     children = _ref.children,
@@ -31,6 +54,7 @@ export var MarkComponent = function MarkComponent(_ref) {
     onClick = _ref.onClick,
     useBlockLevel = _ref.useBlockLevel;
   var isInlineCommentsKbAccessible = FeatureGates.checkGate('inline_comments_keyboard_accessible_renderer');
+  var intl = useIntl();
   var annotationIds = useMemo(function () {
     return _toConsumableArray(new Set([].concat(_toConsumableArray(annotationParentIds), [id])));
   }, [id, annotationParentIds]);
@@ -87,9 +111,21 @@ export var MarkComponent = function MarkComponent(_ref) {
   } : _objectSpread({
     'aria-details': annotationIds.join(', ')
   }, desktopAccessibilityAttributes);
+  var getAccessibilityStyles = function getAccessibilityStyles() {
+    if (isMobile()) {
+      return {};
+    }
+    if (isInlineCommentsKbAccessible) {
+      var startMarker = intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerStart);
+      var endMarker = intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerEnd);
+      return accessibilityStyles(startMarker, endMarker);
+    } else {
+      return {};
+    }
+  };
   return jsx(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread(_defineProperty({
     id: id
   }, getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
-    css: [markStyles]
+    css: [markStyles, getAccessibilityStyles()]
   }), children);
 };

package/dist/types/messages.d.ts

@@ -37,3 +37,15 @@ export declare const tableCellMessages: {
         description: string;
     };
 };
+export declare const inlineCommentMessages: {
+    contentRendererInlineCommentMarkerStart: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    contentRendererInlineCommentMarkerEnd: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/ui/annotations/element/mark.d.ts

@@ -13,7 +13,7 @@ type MarkComponentProps = {
     useBlockLevel?: boolean;
 };
 export declare const MarkComponent: ({ annotationParentIds, children, dataAttributes, id, state, hasFocus, onClick, useBlockLevel, }: React.PropsWithChildren<MarkComponentProps>) => React.ReactElement<{
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': string;
@@ -21,7 +21,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled': boolean;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-mark-type': string;
@@ -30,7 +30,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled': boolean;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': string;
@@ -43,7 +43,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled'?: undefined;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-mark-type': string;
@@ -57,7 +57,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled'?: undefined;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': string;
@@ -70,7 +70,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled'?: undefined;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-mark-type': string;

package/dist/types-ts4.5/messages.d.ts

@@ -37,3 +37,15 @@ export declare const tableCellMessages: {
         description: string;
     };
 };
+export declare const inlineCommentMessages: {
+    contentRendererInlineCommentMarkerStart: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    contentRendererInlineCommentMarkerEnd: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/ui/annotations/element/mark.d.ts

@@ -13,7 +13,7 @@ type MarkComponentProps = {
     useBlockLevel?: boolean;
 };
 export declare const MarkComponent: ({ annotationParentIds, children, dataAttributes, id, state, hasFocus, onClick, useBlockLevel, }: React.PropsWithChildren<MarkComponentProps>) => React.ReactElement<{
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': string;
@@ -21,7 +21,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled': boolean;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-mark-type': string;
@@ -30,7 +30,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled': boolean;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': string;
@@ -43,7 +43,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled'?: undefined;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-mark-type': string;
@@ -57,7 +57,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled'?: undefined;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': string;
@@ -70,7 +70,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'aria-disabled'?: undefined;
     id: string;
 } | {
-    css?: (() => import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: {}[] | undefined;
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-mark-type': string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "109.37.0",
+	"version": "109.39.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,22 +24,22 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^37.0.0",
-		"@atlaskit/adf-utils": "^19.3.0",
+		"@atlaskit/adf-schema": "^38.0.0",
+		"@atlaskit/adf-utils": "^19.4.0",
 		"@atlaskit/analytics-listeners": "^8.10.0",
 		"@atlaskit/analytics-namespaced-context": "^6.10.0",
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/button": "^18.0.0",
 		"@atlaskit/code": "^15.3.0",
-		"@atlaskit/editor-common": "^83.1.0",
-		"@atlaskit/editor-json-transformer": "^8.14.0",
+		"@atlaskit/editor-common": "^83.3.0",
+		"@atlaskit/editor-json-transformer": "^8.15.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/editor-shared-styles": "^2.12.0",
 		"@atlaskit/emoji": "^67.6.0",
 		"@atlaskit/feature-gate-js-client": "^4.18.0",
 		"@atlaskit/icon": "^22.5.0",
-		"@atlaskit/link-datasource": "^2.4.0",
+		"@atlaskit/link-datasource": "^2.5.0",
 		"@atlaskit/media-card": "^77.12.0",
 		"@atlaskit/media-client": "^27.3.0",
 		"@atlaskit/media-client-react": "^2.0.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/media-ui": "^25.10.0",
 		"@atlaskit/media-viewer": "^48.6.0",
 		"@atlaskit/platform-feature-flags": "^0.2.0",
-		"@atlaskit/smart-card": "^27.7.0",
+		"@atlaskit/smart-card": "^27.8.0",
 		"@atlaskit/status": "^1.4.0",
 		"@atlaskit/task-decision": "^17.10.0",
 		"@atlaskit/theme": "^12.11.0",
@@ -73,7 +73,7 @@
 		"@af/visual-regression": "*",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/css-reset": "^6.9.0",
-		"@atlaskit/editor-test-helpers": "^18.24.0",
+		"@atlaskit/editor-test-helpers": "^18.25.0",
 		"@atlaskit/link-provider": "^1.11.0",
 		"@atlaskit/link-test-helpers": "^7.0.0",
 		"@atlaskit/linking-common": "^5.7.0",