@atlaskit/renderer 123.2.2 → 123.3.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/renderer
 
+## 123.3.0
+
+### Minor Changes
+
+- [`3463fb9dbb744`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3463fb9dbb744) -
+  [ux] Add experiment for new compact mode
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 123.2.2
 
 ### Patch Changes

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

@@ -1475,6 +1475,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
   var onClick = props.onClick,
     onMouseDown = props.onMouseDown,
     appearance = props.appearance,
+    contentMode = props.contentMode,
     allowNestedHeaderLinks = props.allowNestedHeaderLinks,
     allowColumnSorting = props.allowColumnSorting,
     useBlockRenderForCodeBlock = props.useBlockRenderForCodeBlock,
@@ -1495,7 +1496,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
       onClick: onClick,
       onMouseDown: onMouseDown,
       style: {
-        '--ak-renderer-base-font-size': "".concat((0, _getBaseFontSize.getBaseFontSize)(appearance), "px"),
+        '--ak-renderer-base-font-size': "".concat((0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode), "px"),
         '--ak-renderer-editor-font-heading-h1': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h1')),
         '--ak-renderer-editor-font-heading-h2': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h2')),
         '--ak-renderer-editor-font-heading-h3': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h3')),

package/dist/cjs/ui/Renderer/get-base-font-size.js

@@ -5,6 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBaseFontSize = void 0;
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var getBaseFontSize = exports.getBaseFontSize = function getBaseFontSize(appearance) {
+var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var getBaseFontSize = exports.getBaseFontSize = function getBaseFontSize(appearance, contentMode) {
+  if ((0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test')) {
+    if (contentMode === 'dense') {
+      var baseFontSize = (0, _expVal.expVal)('cc_editor_ai_content_mode', 'baseFontSize', 13);
+      return baseFontSize;
+    }
+  }
   return appearance && appearance !== 'comment' ? _editorSharedStyles.akEditorFullPageDefaultFontSize : 14;
 };

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

@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "123.2.1";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -407,6 +407,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
     }, (0, _react2.jsx)(RendererWrapper, {
       allowAnnotations: props.allowAnnotations,
       appearance: props.appearance,
+      contentMode: props.contentMode || 'standard',
       allowNestedHeaderLinks: (0, _links.isNestedHeaderLinksEnabled)(props.allowHeadingAnchorLinks),
       allowColumnSorting: props.allowColumnSorting,
       allowCopyToClipboard: props.allowCopyToClipboard,
@@ -445,6 +446,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
     return (0, _react2.jsx)(RendererWrapper, {
       allowAnnotations: props.allowAnnotations,
       appearance: props.appearance,
+      contentMode: props.contentMode || 'standard',
       allowCopyToClipboard: props.allowCopyToClipboard,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowPlaceholderText: props.allowPlaceholderText,
@@ -540,6 +542,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
     allowNestedHeaderLinks = props.allowNestedHeaderLinks,
     innerRef = props.innerRef,
     appearance = props.appearance,
+    contentMode = props.contentMode,
     children = props.children,
     onClick = props.onClick,
     onMouseDown = props.onMouseDown,
@@ -641,7 +644,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
     "data-appearance": appearance,
     shouldCheckExistingValue: isInsideOfInlineExtension
   }, (0, _react2.jsx)(_ui.BaseTheme, {
-    baseFontSize: (0, _getBaseFontSize.getBaseFontSize)(appearance)
+    baseFontSize: (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode)
   }, (0, _react2.jsx)(_EditorMediaClientProvider.EditorMediaClientProvider, {
     ssr: ssr
   }, (0, _react2.jsx)(_RendererStyleContainer.RendererStyleContainer, {
@@ -649,6 +652,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
     onClick: onClick,
     onMouseDown: onMouseDown,
     appearance: appearance,
+    contentMode: contentMode,
     allowNestedHeaderLinks: allowNestedHeaderLinks,
     allowColumnSorting: !!allowColumnSorting,
     useBlockRenderForCodeBlock: useBlockRenderForCodeBlock,

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

@@ -1875,6 +1875,7 @@ export const RendererStyleContainer = props => {
     onClick,
     onMouseDown,
     appearance,
+    contentMode,
     allowNestedHeaderLinks,
     allowColumnSorting,
     useBlockRenderForCodeBlock,
@@ -1896,7 +1897,7 @@ export const RendererStyleContainer = props => {
       onClick: onClick,
       onMouseDown: onMouseDown,
       style: {
-        '--ak-renderer-base-font-size': `${getBaseFontSize(appearance)}px`,
+        '--ak-renderer-base-font-size': `${getBaseFontSize(appearance, contentMode)}px`,
         '--ak-renderer-editor-font-heading-h1': `${editorUGCToken('editor.font.heading.h1')}`,
         '--ak-renderer-editor-font-heading-h2': `${editorUGCToken('editor.font.heading.h2')}`,
         '--ak-renderer-editor-font-heading-h3': `${editorUGCToken('editor.font.heading.h3')}`,

package/dist/es2019/ui/Renderer/get-base-font-size.js

@@ -1,4 +1,12 @@
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
-export const getBaseFontSize = appearance => {
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+export const getBaseFontSize = (appearance, contentMode) => {
+  if (expValEquals('cc_editor_ai_content_mode', 'variant', 'test')) {
+    if (contentMode === 'dense') {
+      const baseFontSize = expVal('cc_editor_ai_content_mode', 'baseFontSize', 13);
+      return baseFontSize;
+    }
+  }
   return appearance && appearance !== 'comment' ? akEditorFullPageDefaultFontSize : 14;
 };

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

@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "123.2.1";
+const packageVersion = "0.0.0-development";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -394,6 +394,7 @@ export const RendererFunctionalComponent = props => {
     }, jsx(RendererWrapper, {
       allowAnnotations: props.allowAnnotations,
       appearance: props.appearance,
+      contentMode: props.contentMode || 'standard',
       allowNestedHeaderLinks: isNestedHeaderLinksEnabled(props.allowHeadingAnchorLinks),
       allowColumnSorting: props.allowColumnSorting,
       allowCopyToClipboard: props.allowCopyToClipboard,
@@ -430,6 +431,7 @@ export const RendererFunctionalComponent = props => {
     return jsx(RendererWrapper, {
       allowAnnotations: props.allowAnnotations,
       appearance: props.appearance,
+      contentMode: props.contentMode || 'standard',
       allowCopyToClipboard: props.allowCopyToClipboard,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowPlaceholderText: props.allowPlaceholderText,
@@ -525,6 +527,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
     allowNestedHeaderLinks,
     innerRef,
     appearance,
+    contentMode,
     children,
     onClick,
     onMouseDown,
@@ -625,7 +628,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
     "data-appearance": appearance,
     shouldCheckExistingValue: isInsideOfInlineExtension
   }, jsx(BaseTheme, {
-    baseFontSize: getBaseFontSize(appearance)
+    baseFontSize: getBaseFontSize(appearance, contentMode)
   }, jsx(EditorMediaClientProvider, {
     ssr: ssr
   }, jsx(RendererStyleContainer, {
@@ -633,6 +636,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
     onClick: onClick,
     onMouseDown: onMouseDown,
     appearance: appearance,
+    contentMode: contentMode,
     allowNestedHeaderLinks: allowNestedHeaderLinks,
     allowColumnSorting: !!allowColumnSorting,
     useBlockRenderForCodeBlock: useBlockRenderForCodeBlock,

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

@@ -1468,6 +1468,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
   var onClick = props.onClick,
     onMouseDown = props.onMouseDown,
     appearance = props.appearance,
+    contentMode = props.contentMode,
     allowNestedHeaderLinks = props.allowNestedHeaderLinks,
     allowColumnSorting = props.allowColumnSorting,
     useBlockRenderForCodeBlock = props.useBlockRenderForCodeBlock,
@@ -1488,7 +1489,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
       onClick: onClick,
       onMouseDown: onMouseDown,
       style: {
-        '--ak-renderer-base-font-size': "".concat(getBaseFontSize(appearance), "px"),
+        '--ak-renderer-base-font-size': "".concat(getBaseFontSize(appearance, contentMode), "px"),
         '--ak-renderer-editor-font-heading-h1': "".concat(editorUGCToken('editor.font.heading.h1')),
         '--ak-renderer-editor-font-heading-h2': "".concat(editorUGCToken('editor.font.heading.h2')),
         '--ak-renderer-editor-font-heading-h3': "".concat(editorUGCToken('editor.font.heading.h3')),

package/dist/esm/ui/Renderer/get-base-font-size.js

@@ -1,4 +1,12 @@
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
-export var getBaseFontSize = function getBaseFontSize(appearance) {
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+export var getBaseFontSize = function getBaseFontSize(appearance, contentMode) {
+  if (expValEquals('cc_editor_ai_content_mode', 'variant', 'test')) {
+    if (contentMode === 'dense') {
+      var baseFontSize = expVal('cc_editor_ai_content_mode', 'baseFontSize', 13);
+      return baseFontSize;
+    }
+  }
   return appearance && appearance !== 'comment' ? akEditorFullPageDefaultFontSize : 14;
 };

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

@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "123.2.1";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -398,6 +398,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
     }, jsx(RendererWrapper, {
       allowAnnotations: props.allowAnnotations,
       appearance: props.appearance,
+      contentMode: props.contentMode || 'standard',
       allowNestedHeaderLinks: isNestedHeaderLinksEnabled(props.allowHeadingAnchorLinks),
       allowColumnSorting: props.allowColumnSorting,
       allowCopyToClipboard: props.allowCopyToClipboard,
@@ -436,6 +437,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
     return jsx(RendererWrapper, {
       allowAnnotations: props.allowAnnotations,
       appearance: props.appearance,
+      contentMode: props.contentMode || 'standard',
       allowCopyToClipboard: props.allowCopyToClipboard,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowPlaceholderText: props.allowPlaceholderText,
@@ -531,6 +533,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
     allowNestedHeaderLinks = props.allowNestedHeaderLinks,
     innerRef = props.innerRef,
     appearance = props.appearance,
+    contentMode = props.contentMode,
     children = props.children,
     onClick = props.onClick,
     onMouseDown = props.onMouseDown,
@@ -632,7 +635,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
     "data-appearance": appearance,
     shouldCheckExistingValue: isInsideOfInlineExtension
   }, jsx(BaseTheme, {
-    baseFontSize: getBaseFontSize(appearance)
+    baseFontSize: getBaseFontSize(appearance, contentMode)
   }, jsx(EditorMediaClientProvider, {
     ssr: ssr
   }, jsx(RendererStyleContainer, {
@@ -640,6 +643,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
     onClick: onClick,
     onMouseDown: onMouseDown,
     appearance: appearance,
+    contentMode: contentMode,
     allowNestedHeaderLinks: allowNestedHeaderLinks,
     allowColumnSorting: !!allowColumnSorting,
     useBlockRenderForCodeBlock: useBlockRenderForCodeBlock,

package/dist/types/ui/Renderer/RendererStyleContainer.d.ts

@@ -4,7 +4,7 @@
  */
 import { jsx } from '@emotion/react';
 import { type RendererWrapperProps } from './index';
-type RendererStyleContainerProps = Pick<RendererWrapperProps, 'onClick' | 'onMouseDown' | 'appearance' | 'allowNestedHeaderLinks' | 'allowColumnSorting' | 'useBlockRenderForCodeBlock' | 'allowAnnotations' | 'allowTableResizing' | 'innerRef' | 'children' | 'allowRendererContainerStyles'> & {
+type RendererStyleContainerProps = Pick<RendererWrapperProps, 'onClick' | 'onMouseDown' | 'appearance' | 'contentMode' | 'allowNestedHeaderLinks' | 'allowColumnSorting' | 'useBlockRenderForCodeBlock' | 'allowAnnotations' | 'allowTableResizing' | 'innerRef' | 'children' | 'allowRendererContainerStyles'> & {
     testId?: string;
 };
 export declare const RendererStyleContainer: (props: RendererStyleContainerProps) => jsx.JSX.Element;

package/dist/types/ui/Renderer/get-base-font-size.d.ts

@@ -1,2 +1,2 @@
-import type { RendererAppearance } from './types';
-export declare const getBaseFontSize: (appearance: RendererAppearance) => 16 | 14;
+import type { RendererAppearance, RendererContentMode } from './types';
+export declare const getBaseFontSize: (appearance: RendererAppearance, contentMode: RendererContentMode) => 16 | 13 | 14;

package/dist/types/ui/Renderer/index.d.ts

@@ -6,7 +6,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import type { MediaSSR } from '../../';
 import type { RendererProps } from '../renderer-props';
-import type { RendererAppearance } from './types';
+import type { RendererAppearance, RendererContentMode } from './types';
 export declare const NORMAL_SEVERITY_THRESHOLD = 2000;
 export declare const DEGRADED_SEVERITY_THRESHOLD = 3000;
 export declare const RendererFunctionalComponent: (props: RendererProps & {
@@ -35,6 +35,7 @@ export type RendererWrapperProps = {
     allowTableResizing?: boolean;
     allowWrapCodeBlock?: boolean;
     appearance: RendererAppearance;
+    contentMode?: RendererContentMode;
     innerRef?: React.RefObject<HTMLDivElement>;
     isInsideOfInlineExtension?: boolean;
     isTopLevelRenderer?: boolean;

package/dist/types/ui/Renderer/types.d.ts

@@ -1,4 +1,5 @@
 export type RendererAppearance = 'comment' | 'full-page' | 'full-width' | undefined;
+export type RendererContentMode = 'standard' | 'dense' | undefined;
 /**
  * DO NOT USE THESE OPTIONS
  * These StickyHeaderConfig_DO_NOT_USE options are being TEMPORARILY added so Confluence can use Sticky Table Headers

package/dist/types/ui/renderer-props.d.ts

@@ -14,7 +14,7 @@ import type { TextHighlighter, ExtensionViewportSize } from '../react/types';
 import type { RenderOutputStat } from '../render-document';
 import type { MediaOptions } from '../types/mediaOptions';
 import type { SmartLinksOptions } from '../types/smartLinksOptions';
-import type { HeadingAnchorLinksProps, NodeComponentsProps, RendererAppearance, StickyHeaderProps } from './Renderer/types';
+import type { HeadingAnchorLinksProps, NodeComponentsProps, RendererAppearance, RendererContentMode, StickyHeaderProps } from './Renderer/types';
 interface RawObjectFeatureFlags {
     ['renderer-render-tracking']: string;
 }
@@ -48,6 +48,18 @@ export interface RendererProps {
     };
     annotationProvider?: AnnotationProviders | null;
     appearance?: RendererAppearance;
+    /**
+     * **WARNING** this attribute is not supported outside of Confluence Full Page editors
+     *
+     * Configures the content mode of the editor.
+     *
+     * - `"standard"` | `undefined` - normal content mode <- Default
+     * - `"dense"` - content in editor has reduced size
+     *
+     * @private
+     * @deprecated this attribute is not supported outside of Confluence Full Page editors
+     */
+    contentMode?: RendererContentMode;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     /**
      * Creates a new `Serializer` to transform the ADF `document` into `JSX.Element`.

package/dist/types-ts4.5/ui/Renderer/RendererStyleContainer.d.ts

@@ -4,7 +4,7 @@
  */
 import { jsx } from '@emotion/react';
 import { type RendererWrapperProps } from './index';
-type RendererStyleContainerProps = Pick<RendererWrapperProps, 'onClick' | 'onMouseDown' | 'appearance' | 'allowNestedHeaderLinks' | 'allowColumnSorting' | 'useBlockRenderForCodeBlock' | 'allowAnnotations' | 'allowTableResizing' | 'innerRef' | 'children' | 'allowRendererContainerStyles'> & {
+type RendererStyleContainerProps = Pick<RendererWrapperProps, 'onClick' | 'onMouseDown' | 'appearance' | 'contentMode' | 'allowNestedHeaderLinks' | 'allowColumnSorting' | 'useBlockRenderForCodeBlock' | 'allowAnnotations' | 'allowTableResizing' | 'innerRef' | 'children' | 'allowRendererContainerStyles'> & {
     testId?: string;
 };
 export declare const RendererStyleContainer: (props: RendererStyleContainerProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/Renderer/get-base-font-size.d.ts

@@ -1,2 +1,2 @@
-import type { RendererAppearance } from './types';
-export declare const getBaseFontSize: (appearance: RendererAppearance) => 16 | 14;
+import type { RendererAppearance, RendererContentMode } from './types';
+export declare const getBaseFontSize: (appearance: RendererAppearance, contentMode: RendererContentMode) => 16 | 13 | 14;

package/dist/types-ts4.5/ui/Renderer/index.d.ts

@@ -6,7 +6,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import type { MediaSSR } from '../../';
 import type { RendererProps } from '../renderer-props';
-import type { RendererAppearance } from './types';
+import type { RendererAppearance, RendererContentMode } from './types';
 export declare const NORMAL_SEVERITY_THRESHOLD = 2000;
 export declare const DEGRADED_SEVERITY_THRESHOLD = 3000;
 export declare const RendererFunctionalComponent: (props: RendererProps & {
@@ -35,6 +35,7 @@ export type RendererWrapperProps = {
     allowTableResizing?: boolean;
     allowWrapCodeBlock?: boolean;
     appearance: RendererAppearance;
+    contentMode?: RendererContentMode;
     innerRef?: React.RefObject<HTMLDivElement>;
     isInsideOfInlineExtension?: boolean;
     isTopLevelRenderer?: boolean;

package/dist/types-ts4.5/ui/Renderer/types.d.ts

@@ -1,4 +1,5 @@
 export type RendererAppearance = 'comment' | 'full-page' | 'full-width' | undefined;
+export type RendererContentMode = 'standard' | 'dense' | undefined;
 /**
  * DO NOT USE THESE OPTIONS
  * These StickyHeaderConfig_DO_NOT_USE options are being TEMPORARILY added so Confluence can use Sticky Table Headers

package/dist/types-ts4.5/ui/renderer-props.d.ts

@@ -14,7 +14,7 @@ import type { TextHighlighter, ExtensionViewportSize } from '../react/types';
 import type { RenderOutputStat } from '../render-document';
 import type { MediaOptions } from '../types/mediaOptions';
 import type { SmartLinksOptions } from '../types/smartLinksOptions';
-import type { HeadingAnchorLinksProps, NodeComponentsProps, RendererAppearance, StickyHeaderProps } from './Renderer/types';
+import type { HeadingAnchorLinksProps, NodeComponentsProps, RendererAppearance, RendererContentMode, StickyHeaderProps } from './Renderer/types';
 interface RawObjectFeatureFlags {
     ['renderer-render-tracking']: string;
 }
@@ -48,6 +48,18 @@ export interface RendererProps {
     };
     annotationProvider?: AnnotationProviders | null;
     appearance?: RendererAppearance;
+    /**
+     * **WARNING** this attribute is not supported outside of Confluence Full Page editors
+     *
+     * Configures the content mode of the editor.
+     *
+     * - `"standard"` | `undefined` - normal content mode <- Default
+     * - `"dense"` - content in editor has reduced size
+     *
+     * @private
+     * @deprecated this attribute is not supported outside of Confluence Full Page editors
+     */
+    contentMode?: RendererContentMode;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     /**
      * Creates a new `Serializer` to transform the ADF `document` into `JSX.Element`.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "123.2.2",
+	"version": "123.3.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,7 +56,7 @@
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.24.0",
+		"@atlaskit/tmp-editor-statsig": "^12.25.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.8.0",
+		"@atlaskit/editor-common": "^109.9.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",