@atlaskit/renderer 133.2.1 → 133.3.2

package/dist/esm/i18n/vi.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Vietnamese (Vietnam)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'tăng dần',
-  'fabric.editor.headingLink.copied': 'Đã sao chép!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Sao chép liên kết vào tiêu đề',
-  'fabric.editor.headingLink.copyAriaLabel': 'Sao chép',
-  'fabric.editor.headingLink.descSortingLabel': 'giảm dần',
-  'fabric.editor.headingLink.failedToCopy': 'Sao chép không thành công',
-  'fabric.editor.headingLink.noneSortingLabel': 'không có',
-  'fabric.editor.inlineComment.marker.end': 'bình luận nội tuyến kết thúc',
-  'fabric.editor.inlineComment.marker.start': 'bình luận nội tuyến bắt đầu'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/vi';
+export default translations;

package/dist/esm/i18n/zh.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Chinese (Simplified)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': '升序',
-  'fabric.editor.headingLink.copied': '已复制！',
-  'fabric.editor.headingLink.copyAnchorLink': '复制标题链接',
-  'fabric.editor.headingLink.copyAriaLabel': '复制',
-  'fabric.editor.headingLink.descSortingLabel': '降序',
-  'fabric.editor.headingLink.failedToCopy': '复制失败',
-  'fabric.editor.headingLink.noneSortingLabel': '无',
-  'fabric.editor.inlineComment.marker.end': '内联评论结束',
-  'fabric.editor.inlineComment.marker.start': '内联评论开始'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/zh';
+export default translations;

package/dist/esm/i18n/zh_TW.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Chinese (Traditional)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': '遞增',
-  'fabric.editor.headingLink.copied': '已複製！',
-  'fabric.editor.headingLink.copyAnchorLink': '複製標題連結',
-  'fabric.editor.headingLink.copyAriaLabel': '複製',
-  'fabric.editor.headingLink.descSortingLabel': '遞減',
-  'fabric.editor.headingLink.failedToCopy': '複製失敗',
-  'fabric.editor.headingLink.noneSortingLabel': '無',
-  'fabric.editor.inlineComment.marker.end': '內嵌留言結束',
-  'fabric.editor.inlineComment.marker.start': '內嵌留言開始'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/zh_TW';
+export default translations;

package/dist/esm/react/index.js

@@ -712,9 +712,14 @@ var ReactSerializer = /*#__PURE__*/function () {
           });
         });
       }
+
+      // Only compute searchText when the browser find experiment is enabled,
+      // to avoid unnecessary node.textContent string allocations per expand node.
+      var searchText = expValEquals('platform_editor_close_expand_find', 'isEnabled', true) ? node.textContent : undefined;
       if (!isNestedHeaderLinksEnabled(this.allowHeadingAnchorLinks)) {
         return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-          loadBodyContent: loadBodyContent
+          loadBodyContent: loadBodyContent,
+          searchText: searchText
         });
       }
       var nestedHeaderIds = findChildrenByType(node, node.type.schema.nodes.heading).map(function (_ref4) {
@@ -723,7 +728,8 @@ var ReactSerializer = /*#__PURE__*/function () {
       });
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         nestedHeaderIds: nestedHeaderIds,
-        loadBodyContent: loadBodyContent
+        loadBodyContent: loadBodyContent,
+        searchText: searchText
       });
     }
 

package/dist/esm/react/nodes/extension.js

@@ -93,7 +93,7 @@ export var renderExtension = function renderExtension(content, layout) {
   var extensionHeight = nodeHeight || viewportSize;
   var isInline = (shouldDisplayExtensionAsInline === null || shouldDisplayExtensionAsInline === void 0 ? void 0 : shouldDisplayExtensionAsInline(node)) && expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true);
   var inlineClassName = isInline ? RendererCssClassName.EXTENSION_AS_INLINE : '';
-  var asInlineAnalytics = isInline && fireAnalyticsEvent && node && fg('platform_editor_render_inline_extension_analytics') ? jsx(FireExtensionAsInlineAnalytics, {
+  var asInlineAnalytics = isInline && fireAnalyticsEvent && node ? jsx(FireExtensionAsInlineAnalytics, {
     fireAnalyticsEvent: fireAnalyticsEvent,
     node: node
   }) : null;

package/dist/esm/ui/Expand.js

@@ -6,7 +6,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React, { useCallback, useRef, Suspense, lazy } from 'react';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+import { bind } from 'bind-event-listener';
+import { getDocument } from '@atlaskit/browser-apis';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, WidthProvider } from '@atlaskit/editor-common/ui';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset } from '@atlaskit/editor-shared-styles';
@@ -89,12 +90,17 @@ var titleContainerStyles = css({
 var titleContainerStylesExpanded = css({
   paddingBottom: "var(--ds-space-0, 0px)"
 });
+
+// Base styles for the content container. visibility:hidden hides collapsed content.
+// When browser find is enabled, the useEffect clears visibility:hidden after setting
+// hidden="until-found" on the DOM element, which applies content-visibility:hidden natively —
+// this hides the content while allowing browser Ctrl+F to index the text.
+// The visibility:hidden in CSS serves as an SSR fallback (useEffect doesn't run server-side).
 var contentContainerStyles = css({
   paddingTop: "var(--ds-space-0, 0px)",
   marginLeft: "var(--ds-space-050, 4px)",
   paddingRight: "var(--ds-space-200, 16px)",
   paddingLeft: "var(--ds-space-400, 32px)",
-  display: 'flow-root',
   visibility: 'hidden',
   // The follow rules inside @supports block are added as a part of ED-8893
   // The fix is targeting mobile bridge on iOS 12 or below,
@@ -104,6 +110,13 @@ var contentContainerStyles = css({
     boxSizing: 'border-box'
   }
 });
+
+// display:flow-root is applied only when browser find is NOT enabled.
+// It must NOT be set when browser find is enabled — it overrides the
+// content-visibility:hidden applied by hidden="until-found" and makes content visible.
+var contentContainerStylesFlowRoot = css({
+  display: 'flow-root'
+});
 var contentContainerStylesExpanded = css({
   paddingTop: "var(--ds-space-100, 8px)",
   visibility: 'visible'
@@ -121,6 +134,19 @@ var contentContainerStylesNotExpanded = css({
     userSelect: 'none'
   }
 });
+
+// When browser find is enabled and expand is collapsed, we rely on the
+// hidden="until-found" attribute on the outer container to hide content.
+// We remove height:0/overflow:hidden/clip from the inner wrapper so the
+// browser can actually search through the content.
+var contentContainerStylesNotExpandedBrowserFind = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.expand-content-wrapper, .nestedExpand-content-wrapper': {
+    width: '100%',
+    display: 'block',
+    userSelect: 'none'
+  }
+});
 var clearNextSiblingMarginTopStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& + *': {
@@ -167,7 +193,8 @@ var TitleContainer = function TitleContainer(props) {
 TitleContainer.displayName = 'TitleContainerButton';
 var ContentContainer = function ContentContainer(props) {
   return jsx("div", {
-    css: [contentContainerStyles, props.expanded && contentContainerStylesExpanded, !props.expanded && contentContainerStylesNotExpanded]
+    ref: props.contentRef,
+    css: [contentContainerStyles, !props.enableBrowserFind && contentContainerStylesFlowRoot, props.expanded && contentContainerStylesExpanded, !props.expanded && (props.enableBrowserFind ? contentContainerStylesNotExpandedBrowserFind : contentContainerStylesNotExpanded)]
   }, props.children);
 };
 function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
@@ -194,7 +221,8 @@ function Expand(_ref2) {
     localId = _ref2.localId,
     nestedHeaderIds = _ref2.nestedHeaderIds,
     rendererContentMode = _ref2.rendererContentMode,
-    loadBodyContent = _ref2.loadBodyContent;
+    loadBodyContent = _ref2.loadBodyContent,
+    searchText = _ref2.searchText;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     expanded = _React$useState2[0],
@@ -211,14 +239,99 @@ function Expand(_ref2) {
   var label = intl.formatMessage(expanded ? expandMessages.collapseNode : expandMessages.expandNode);
   var _useRef = useRef(_uniqueId('expand-title-')),
     id = _useRef.current;
+  var contentContainerRef = useRef(null);
+  var contentWrapperRef = useRef(null);
   var handleFocus = useCallback(function () {
     return setFocused(true);
   }, []);
   var handleBlur = useCallback(function () {
     return setFocused(false);
   }, []);
+  var expandForBrowserFind = useCallback(function () {
+    setHasLoadedChildren(true);
+    setExpanded(true);
+  }, []);
   var isCompactModeSupported = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
   var isCompact = rendererContentMode === 'compact' && isCompactModeSupported;
+  var shouldRenderLazyChildren = hasLoadedChildren || loadBodyContent;
+  // Only render the lightweight text placeholder when lazy load is ON and
+  // children haven't been loaded yet. When lazy load is OFF, children are
+  // always in the DOM — hidden="until-found" on the wrapper already makes
+  // them searchable by browser find, so no placeholder is needed.
+  var shouldRenderBrowserFindText = !shouldRenderLazyChildren && searchText && fg('hot-121622_lazy_load_expand_content') && expValEquals('platform_editor_close_expand_find', 'isEnabled', true);
+
+  // Feature-detect hidden="until-found" support via the beforematch event.
+  // Chrome 102+ and Firefox 130+ support it; Safari does not yet.
+  // In unsupported browsers, setting hidden="until-found" is treated as boolean hidden
+  // (display:none), which would break the expand entirely.
+  // Initialised as false and set in useEffect to avoid SSR/client hydration mismatch —
+  // useMemo would return true on the client's first render in supported browsers,
+  // differing from the server snapshot which always produces false.
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    supportsHiddenUntilFound = _React$useState8[0],
+    setSupportsHiddenUntilFound = _React$useState8[1];
+  React.useEffect(function () {
+    var doc = getDocument();
+    setSupportsHiddenUntilFound(doc !== null && doc !== void 0 && doc.body ? 'onbeforematch' in doc.body : false);
+  }, []);
+
+  // React 18 treats `hidden` as a boolean attribute and strips the "until-found" value,
+  // rendering it as just `hidden` (which applies display:none and blocks find-in-page).
+  // We bypass React by setting the attribute directly on the DOM element around the text.
+  //
+  // We also remove the CSS visibility:hidden (SSR fallback) once hidden="until-found" is set,
+  // because visibility:hidden blocks browser find. On expanded, we restore visibility to visible.
+  //
+  // Only applied when the browser supports hidden="until-found" (detected via onbeforematch).
+  // In unsupported browsers (Safari), we skip this entirely and fall back to the normal
+  // CSS hiding (visibility:hidden + height:0), which doesn't support find-in-page but
+  // still works correctly for expand/collapse.
+  React.useEffect(function () {
+    var contentContainer = contentContainerRef.current;
+    var contentWrapper = contentWrapperRef.current;
+    if (!contentWrapper) {
+      return;
+    }
+    if (supportsHiddenUntilFound && expValEquals('platform_editor_close_expand_find', 'isEnabled', true) && !expanded) {
+      contentWrapper.setAttribute('hidden', 'until-found');
+      // Override the CSS visibility:hidden from contentContainerStyles — hidden="until-found"
+      // now handles hiding via content-visibility:hidden, which allows browser find to index
+      // the content. We use 'visible' (not '') because '' only clears the inline style but
+      // the Emotion CSS class rule still applies visibility:hidden, blocking find-in-page.
+      contentContainer === null || contentContainer === void 0 || contentContainer.style.setProperty('visibility', 'visible');
+      contentWrapper.style.visibility = 'visible';
+    } else {
+      contentWrapper.removeAttribute('hidden');
+      contentContainer === null || contentContainer === void 0 || contentContainer.style.removeProperty('visibility');
+      contentWrapper.style.visibility = '';
+    }
+  }, [expanded, supportsHiddenUntilFound]);
+  React.useEffect(function () {
+    if (!expValEquals('platform_editor_close_expand_find', 'isEnabled', true) || expanded) {
+      return;
+    }
+    var contentWrapper = contentWrapperRef.current;
+    var unbindWrapperBeforeMatch = contentWrapper && supportsHiddenUntilFound ? bind(contentWrapper, {
+      type: 'beforematch',
+      listener: expandForBrowserFind
+    }) : undefined;
+    return function () {
+      unbindWrapperBeforeMatch === null || unbindWrapperBeforeMatch === void 0 || unbindWrapperBeforeMatch();
+    };
+  }, [expandForBrowserFind, expanded, supportsHiddenUntilFound]);
+  var expandContent = children;
+  if (shouldRenderBrowserFindText) {
+    // Browser find path: keep a lightweight text mirror in the closed expand
+    // so Ctrl+F can index it without mounting the rich children tree.
+    expandContent = jsx("span", null, searchText);
+  } else if (!shouldRenderLazyChildren && fg('hot-121622_lazy_load_expand_content')) {
+    expandContent = null;
+  } else if (fg('hot-121622_lazy_load_expand_content')) {
+    expandContent = jsx(Suspense, {
+      fallback: jsx("div", null, intl.formatMessage(expandMessages.loading))
+    }, jsx(LazyChildren, null, children));
+  }
   return jsx(Container, {
     "data-testid": "expand-container-".concat(nodeType, "-").concat(id),
     "data-node-type": nodeType,
@@ -283,14 +396,15 @@ function Expand(_ref2) {
     css: [titleStyles, isCompact && titleStylesDense],
     id: id
   }, title || intl.formatMessage(expandMessages.expandDefaultTitle))), jsx(ContentContainer, {
-    expanded: expanded
+    expanded: expanded,
+    enableBrowserFind: supportsHiddenUntilFound && expValEquals('platform_editor_close_expand_find', 'isEnabled', true),
+    contentRef: contentContainerRef
   }, jsx("div", {
-    className: "".concat(nodeType, "-content-wrapper")
+    className: "".concat(nodeType, "-content-wrapper"),
+    ref: contentWrapperRef
   }, jsx(WidthProvider, null, jsx("div", {
     css: clearNextSiblingMarginTopStyle
-  }), fg('hot-121622_lazy_load_expand_content') ? hasLoadedChildren || loadBodyContent ? jsx(Suspense, {
-    fallback: jsx("div", null, intl.formatMessage(expandMessages.loading))
-  }, jsx(LazyChildren, null, children)) : null : children))));
+  }), expandContent))));
 }
 
 // eslint-disable-next-line @typescript-eslint/ban-types

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

@@ -11,9 +11,6 @@ import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { PLATFORM } from '../../analytics/events';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-import uuid from 'uuid';
 
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
@@ -109,11 +106,8 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       if (this.state.domError) {
-        var key = expValEquals('platform_editor_renderer_error_boundary_stable_key', 'isEnabled', true) ? this.state.domErrorCount :
-        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-        uuid();
         return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: key
+          key: this.state.domErrorCount
         }, this.props.children);
       }
       if (this.shouldRecover()) {

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

@@ -1998,37 +1998,7 @@ var rendererAnnotationStylesCommentHeightFix = css({
 });
 var RENDERER_LIST_DENSE_GAP = "max(0px,calc((var(--ak-renderer-base-font-size) - ".concat(akEditorFullPageDenseFontSize, "px)* (4/3)))");
 var TASKLIST_CONTAINER_DENSE_MARGIN = "max(calc(10px + (var(--ak-renderer-base-font-size) - ".concat(akEditorFullPageDenseFontSize, "px) *( 2 / 3)))");
-var scaledDenseEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
-  height: "".concat(defaultDenseEmojiHeight, "px"),
-  minHeight: "".concat(defaultDenseEmojiHeight, "px"),
-  minWidth: "".concat(defaultDenseEmojiHeight, "px"),
-  maxHeight: "".concat(denseEmojiHeightH1, "px"),
-  maxWidth: "".concat(denseEmojiHeightH1, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  img: {
-    width: '100%',
-    height: '100%',
-    objectFit: 'contain'
-  }
-}), "h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(denseEmojiHeightH1, "px"),
-  width: "".concat(denseEmojiHeightH1, "px")
-}), "h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(denseEmojiHeightH2, "px"),
-  width: "".concat(denseEmojiHeightH2, "px")
-}), "h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(denseEmojiHeightH3, "px"),
-  width: "".concat(denseEmojiHeightH3, "px")
-}), "h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(denseEmojiHeightH4, "px"),
-  width: "".concat(denseEmojiHeightH4, "px")
-}), ":is(h5, h6, p) :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(defaultDenseEmojiHeight, "px"),
-  width: "".concat(defaultDenseEmojiHeight, "px")
-}));
-
-// this is gated behind `platform_editor_emojis_in_renderer_smart_links`
-var scaledDenseEmojiStylesNew = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
+var scaledDenseEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
   height: "".concat(defaultDenseEmojiHeight, "px"),
   minHeight: "".concat(defaultDenseEmojiHeight, "px"),
   minWidth: "".concat(defaultDenseEmojiHeight, "px"),
@@ -2061,37 +2031,7 @@ var scaledDenseEmojiStylesNew = css(_defineProperty(_defineProperty(_definePrope
   height: "".concat(defaultInlineEmojiHeight, "px"),
   width: "".concat(defaultInlineEmojiHeight, "px")
 }));
-var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
-  height: "".concat(defaultEmojiHeight, "px"),
-  minHeight: "".concat(defaultEmojiHeight, "px"),
-  minWidth: "".concat(defaultEmojiHeight, "px"),
-  maxHeight: "".concat(scaledEmojiHeightH1, "px"),
-  maxWidth: "".concat(scaledEmojiHeightH1, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  img: {
-    width: '100%',
-    height: '100%',
-    objectFit: 'contain'
-  }
-}), "h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(scaledEmojiHeightH1, "px"),
-  width: "".concat(scaledEmojiHeightH1, "px")
-}), "h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(scaledEmojiHeightH2, "px"),
-  width: "".concat(scaledEmojiHeightH2, "px")
-}), "h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(scaledEmojiHeightH3, "px"),
-  width: "".concat(scaledEmojiHeightH3, "px")
-}), "h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(scaledEmojiHeightH4, "px"),
-  width: "".concat(scaledEmojiHeightH4, "px")
-}), ":is(h5, h6, p) :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(defaultEmojiHeight, "px"),
-  width: "".concat(defaultEmojiHeight, "px")
-}));
-
-// this is gated behind `platform_editor_emojis_in_renderer_smart_links`
-var scaledEmojiStylesNew = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
+var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
   height: "".concat(defaultEmojiHeight, "px"),
   minHeight: "".concat(defaultEmojiHeight, "px"),
   minWidth: "".concat(defaultEmojiHeight, "px"),
@@ -2273,7 +2213,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
     // this should be placed after baseOtherStyles
     expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), 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, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, 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 && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, 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) ? expValEquals('platform_editor_emojis_in_renderer_smart_links', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStylesNew : scaledEmojiStylesNew : isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
+    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, 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 && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, 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, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
     "data-testid": testId
   }, children);
 };

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

@@ -63,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "133.2.0";
+var packageVersion = "133.3.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/i18n/cs.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/cs';
+export default translations;

package/dist/types/i18n/da.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/da';
+export default translations;

package/dist/types/i18n/de.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/de';
+export default translations;

package/dist/types/i18n/en.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/en';
+export default translations;

package/dist/types/i18n/en_GB.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/en_GB';
+export default translations;

package/dist/types/i18n/en_ZZ.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/en_ZZ';
+export default translations;

package/dist/types/i18n/es.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/es';
+export default translations;

package/dist/types/i18n/fi.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/fi';
+export default translations;

package/dist/types/i18n/fr.d.ts

@@ -4,15 +4,5 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-declare const _default: {
-    'fabric.editor.headingLink.ascSortingLabel': string;
-    'fabric.editor.headingLink.copied': string;
-    'fabric.editor.headingLink.copyAnchorLink': string;
-    'fabric.editor.headingLink.copyAriaLabel': string;
-    'fabric.editor.headingLink.descSortingLabel': string;
-    'fabric.editor.headingLink.failedToCopy': string;
-    'fabric.editor.headingLink.noneSortingLabel': string;
-    'fabric.editor.inlineComment.marker.end': string;
-    'fabric.editor.inlineComment.marker.start': string;
-};
-export default _default;
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/fr';
+export default translations;