@atlaskit/renderer 126.8.4 → 126.8.6

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/renderer
 
+## 126.8.6
+
+### Patch Changes
+
+- [`5e40ae78124a4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5e40ae78124a4) -
+  [ux] Fix expand in reference synced blocks being cut off in renderer
+
+## 126.8.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 126.8.4
 
 ### Patch Changes

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

@@ -1860,6 +1860,9 @@ var syncBlockOverflowStyles = (0, _react.css)((0, _defineProperty2.default)({},
   // Contain floated elements (wrap-left/wrap-right) within synced block borders
   overflow: 'hidden'
 }));
+var syncBlockPatch2Styles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(_syncBlock.SyncBlockSharedCssClassName.error, ", .").concat(_syncBlock.SyncBlockSharedCssClassName.loading), {
+  overflow: 'visible'
+}));
 var RendererStyleContainer = exports.RendererStyleContainer = function RendererStyleContainer(props) {
   var onClick = props.onClick,
     onMouseDown = props.onMouseDown,
@@ -1906,7 +1909,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
       // this should be placed after baseOtherStyles
       (0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && extensionAsInlineStyle, (0, _expValEquals.expValEquals)('confluence_insert_excerpt_inline_vertical_align', 'isEnabled', true) && inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
       // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
-      (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && syncBlockStyles, (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && syncBlockOverflowStyles],
+      (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, (0, _experiments.editorExperiment)('platform_synced_block', true) && syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_2') && syncBlockPatch2Styles],
       "data-testid": testId
     }, children)
   );

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

@@ -2376,6 +2376,11 @@ const syncBlockOverflowStyles = css({
     overflow: 'hidden'
   }
 });
+const syncBlockPatch2Styles = css({
+  [`.${SyncBlockSharedCssClassName.renderer}, .${BodiedSyncBlockSharedCssClassName.renderer}, .${SyncBlockSharedCssClassName.error}, .${SyncBlockSharedCssClassName.loading}`]: {
+    overflow: 'visible'
+  }
+});
 export const RendererStyleContainer = props => {
   const {
     onClick,
@@ -2424,7 +2429,7 @@ export const RendererStyleContainer = props => {
       // this should be placed after baseOtherStyles
       expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && extensionAsInlineStyle, expValEquals('confluence_insert_excerpt_inline_vertical_align', 'isEnabled', true) && inlineExtensionRendererMarginFix, allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
       // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
-      fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, expValEquals('platform_synced_block', 'isEnabled', true) && syncBlockStyles, expValEquals('platform_synced_block', 'isEnabled', true) && syncBlockOverflowStyles],
+      fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_2') && syncBlockPatch2Styles],
       "data-testid": testId
     }, children)
   );

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

@@ -1853,6 +1853,9 @@ var syncBlockOverflowStyles = css(_defineProperty({}, ".".concat(SyncBlockShared
   // Contain floated elements (wrap-left/wrap-right) within synced block borders
   overflow: 'hidden'
 }));
+var syncBlockPatch2Styles = css(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer, ", .").concat(BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(SyncBlockSharedCssClassName.error, ", .").concat(SyncBlockSharedCssClassName.loading), {
+  overflow: 'visible'
+}));
 export var RendererStyleContainer = function RendererStyleContainer(props) {
   var onClick = props.onClick,
     onMouseDown = props.onMouseDown,
@@ -1899,7 +1902,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
       // this should be placed after baseOtherStyles
       expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && extensionAsInlineStyle, expValEquals('confluence_insert_excerpt_inline_vertical_align', 'isEnabled', true) && inlineExtensionRendererMarginFix, allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
       // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
-      fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, expValEquals('platform_synced_block', 'isEnabled', true) && syncBlockStyles, expValEquals('platform_synced_block', 'isEnabled', true) && syncBlockOverflowStyles],
+      fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_2') && syncBlockPatch2Styles],
       "data-testid": testId
     }, children)
   );

package/dist/types/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts

@@ -11,6 +11,6 @@ export declare const LightWeightCodeBlockCssClassName: {
  * @private
  * @deprecated styles are moved to RendererStyleContainer
  */
-export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => import("@emotion/react").SerializedStyles;
+export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => import("@emotion/utils").SerializedStyles;
 declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, "text" | "className" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLDivElement>>;
 export default LightWeightCodeBlock;

package/dist/types/react/nodes/index.d.ts

@@ -44,7 +44,7 @@ declare const EmbedCard: React.ComponentType<{
     originalHeight?: number;
     originalWidth?: number;
     portal?: HTMLElement;
-    rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
+    rendererAppearance?: import("../..").RendererAppearance;
     smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions;
     url?: string;
     width?: number;
@@ -59,7 +59,7 @@ declare const BlockCard: React.ComponentType<{
     localId?: string;
     onSetLinkTarget?: (url: string) => "_blank" | undefined;
     portal?: HTMLElement;
-    rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
+    rendererAppearance?: import("../..").RendererAppearance;
     smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions;
     url?: string;
 }> & Loadable.LoadableComponent;
@@ -72,7 +72,7 @@ declare const MediaInline: React.ComponentType<import("react-intl-next").WithInt
     id: string;
     marks?: Array<Mark>;
     providers: import("@atlaskit/editor-common/provider-factory").ProviderFactory;
-    rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
+    rendererAppearance?: import("../..").RendererAppearance;
     ssr?: import("../..").MediaSSR;
 } & import("react-intl-next").WrappedComponentProps & import("@atlaskit/editor-common/media-inline").MediaInlineAttrs>> & Loadable.LoadableComponent;
 declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;

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

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

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

@@ -17,7 +17,7 @@ type MarkComponentProps = {
     useBlockLevel?: boolean;
 };
 export declare const MarkComponent: ({ annotationParentIds, children, dataAttributes, id, state, hasFocus, isHovered, onClick, useBlockLevel, }: React.PropsWithChildren<MarkComponentProps>) => React.ReactElement<{
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -30,7 +30,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -45,7 +45,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -63,7 +63,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -83,7 +83,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -101,7 +101,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;

package/dist/types-ts4.5/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts

@@ -11,6 +11,6 @@ export declare const LightWeightCodeBlockCssClassName: {
  * @private
  * @deprecated styles are moved to RendererStyleContainer
  */
-export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => import("@emotion/react").SerializedStyles;
+export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => import("@emotion/utils").SerializedStyles;
 declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, "text" | "className" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLDivElement>>;
 export default LightWeightCodeBlock;

package/dist/types-ts4.5/react/nodes/index.d.ts

@@ -44,7 +44,7 @@ declare const EmbedCard: React.ComponentType<{
     originalHeight?: number;
     originalWidth?: number;
     portal?: HTMLElement;
-    rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
+    rendererAppearance?: import("../..").RendererAppearance;
     smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions;
     url?: string;
     width?: number;
@@ -59,7 +59,7 @@ declare const BlockCard: React.ComponentType<{
     localId?: string;
     onSetLinkTarget?: (url: string) => "_blank" | undefined;
     portal?: HTMLElement;
-    rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
+    rendererAppearance?: import("../..").RendererAppearance;
     smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions;
     url?: string;
 }> & Loadable.LoadableComponent;
@@ -72,7 +72,7 @@ declare const MediaInline: React.ComponentType<import("react-intl-next").WithInt
     id: string;
     marks?: Array<Mark>;
     providers: import("@atlaskit/editor-common/provider-factory").ProviderFactory;
-    rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
+    rendererAppearance?: import("../..").RendererAppearance;
     ssr?: import("../..").MediaSSR;
 } & import("react-intl-next").WrappedComponentProps & import("@atlaskit/editor-common/media-inline").MediaInlineAttrs>> & Loadable.LoadableComponent;
 declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;

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

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

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

@@ -17,7 +17,7 @@ type MarkComponentProps = {
     useBlockLevel?: boolean;
 };
 export declare const MarkComponent: ({ annotationParentIds, children, dataAttributes, id, state, hasFocus, isHovered, onClick, useBlockLevel, }: React.PropsWithChildren<MarkComponentProps>) => React.ReactElement<{
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -30,7 +30,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -45,7 +45,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -63,7 +63,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -83,7 +83,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
@@ -101,7 +101,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
 } | {
-    css?: (false | import("@emotion/react").SerializedStyles)[] | undefined;
+    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
     style?: {
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "126.8.4",
+	"version": "126.8.6",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,12 +52,12 @@
 		"@atlaskit/media-viewer": "^52.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/react-ufo": "^5.1.0",
+		"@atlaskit/react-ufo": "^5.2.0",
 		"@atlaskit/smart-card": "^43.24.0",
 		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^23.0.0",
+		"@atlaskit/tmp-editor-statsig": "^24.1.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -72,7 +72,7 @@
 	},
 	"peerDependencies": {
 		"@atlaskit/editor-common": "^111.12.0",
-		"@atlaskit/link-provider": "^4.1.0",
+		"@atlaskit/link-provider": "^4.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
@@ -82,7 +82,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/link-provider": "^4.1.0",
+		"@atlaskit/link-provider": "^4.2.0",
 		"@atlaskit/link-test-helpers": "^9.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
@@ -92,7 +92,7 @@
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
 		"@atlaskit/profilecard": "^24.35.0",
 		"@atlaskit/util-data-test": "^18.5.0",
-		"@atlassian/a11y-jest-testing": "^0.9.0",
+		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/react": "^16.3.0",
@@ -249,6 +249,9 @@
 		},
 		"platform_synced_block_patch_1": {
 			"type": "boolean"
+		},
+		"platform_synced_block_patch_2": {
+			"type": "boolean"
 		}
 	}
 }

package/tsconfig.json

@@ -1,8 +1,5 @@
 {
 	"extends": "../../../tsconfig.json",
-	"compilerOptions": {
-		"moduleResolution": "node"
-	},
 	"include": [
 		"./src/**/*.ts",
 		"./src/**/*.tsx",