@atlaskit/editor-core 216.0.2 → 216.1.1

package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js

@@ -269,10 +269,7 @@ export const findReplaceStylesNew = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const findReplaceStylesNewWithA11Y = css({
-  /** Text match styles */
-
-  /** Light mode */
-
+  // text - inactive match - light mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-text': {
     borderRadius: "var(--ds-space-050, 4px)",
@@ -285,18 +282,18 @@ export const findReplaceStylesNewWithA11Y = css({
     backgroundColor: `${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"} !important`,
     color: "var(--ds-text, #292A2E)"
   },
+  // text - active match - light mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-text.selected-search-match': {
     boxShadow: `
-		inset 0 0 0 1px ${"var(--ds-border-accent-magenta, #CD519D)"},
+		inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
 		inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"}
 		`,
     // we need to use !important here as we need to override inline selection styles
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
     backgroundColor: `${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"} !important`
   },
-  /** Dark mode */
-
+  // text - inactive match - dark mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-text.search-match-dark': {
     boxShadow: `
@@ -308,6 +305,7 @@ export const findReplaceStylesNewWithA11Y = css({
     backgroundColor: `${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"} !important`,
     color: "var(--ds-text-inverse, #FFFFFF)"
   },
+  // text - active match - dark mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-text.selected-search-match.search-match-dark': {
     boxShadow: `
@@ -318,11 +316,7 @@ export const findReplaceStylesNewWithA11Y = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
     backgroundColor: `${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"} !important`
   },
-  /** Block match styles */
-
-  /** Light mode */
-
-  /** Without node selection */
+  // block node - inactive match - light mode - without node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -340,12 +334,13 @@ export const findReplaceStylesNewWithA11Y = css({
 			`
     }
   },
+  // block node - active match - light mode - without node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-block-selected': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '[data-smart-link-container="true"], .loader-wrapper>div::after': {
       boxShadow: `
-			inset 0 0 0 1px ${"var(--ds-border-accent-magenta, #CD519D)"},
+			inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
 			inset 0 0 0 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"}
 			`
     },
@@ -353,11 +348,11 @@ export const findReplaceStylesNewWithA11Y = css({
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
       boxShadow: `
 			0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"},
-			0px 0px 0px 5px ${"var(--ds-border-accent-magenta, #CD519D)"}
+			0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
 			`
     }
   },
-  /** With node selection */
+  // block node - inactive match - light mode - with node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.ak-editor-selected-node': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -370,26 +365,34 @@ export const findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #F797D2)"}`
+      boxShadow: `
+			0 0 0 1px ${"var(--ds-border-selected, #1868DB)"},
+			0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"},
+			0px 0px 0px 5px ${"var(--ds-border-accent-magenta, #CD519D)"}
+			`
     }
   },
+  // block node - active match - light mode - with node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-block-selected.ak-editor-selected-node': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '[data-smart-link-container="true"], .loader-wrapper>div::after': {
       boxShadow: `
-			inset 0 0 0 1px ${"var(--ds-border-accent-magenta, #CD519D)"},
+			inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
 			inset 0 0 0 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"},
 			0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}
 			`
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #F797D2)"}`
+      boxShadow: `
+			0 0 0 1px ${"var(--ds-border-selected, #1868DB)"},
+			0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"},
+			0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
+			`
     }
   },
-  /** Dark mode */
-  /** Without node selection */
+  // block node - inactive match - dark mode - without node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-dark': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -401,9 +404,13 @@ export const findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
+      boxShadow: `
+			0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"},
+			0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}
+			`
     }
   },
+  // block node - active match - dark mode - without node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-block-selected.search-match-dark': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -415,10 +422,13 @@ export const findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
+      boxShadow: `
+			0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
+			0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}
+			`
     }
   },
-  /** With node selection */
+  // block node - inactive match - dark mode - with node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-dark.ak-editor-selected-node': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -431,9 +441,14 @@ export const findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
+      boxShadow: `
+			0 0 0 1px ${"var(--ds-border-selected, #1868DB)"},
+			0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"},
+			0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}
+			`
     }
   },
+  // block node - active match - dark mode - with node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-block-selected.search-match-dark.ak-editor-selected-node': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -446,13 +461,14 @@ export const findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
+      boxShadow: `
+			0 0 0 1px ${"var(--ds-border-selected, #1868DB)"},
+			0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
+			0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}
+			`
     }
   },
-  /** Expand title match styles */
-
-  /** Light mode */
-
+  // expand title - inactive match - light mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
     borderRadius: "var(--ds-space-050, 4px)",
@@ -466,16 +482,16 @@ export const findReplaceStylesNewWithA11Y = css({
       color: "var(--ds-text, #292A2E)"
     }
   },
+  // expand title - active match - light mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
     boxShadow: `
-		inset 0 0 0 1px ${"var(--ds-border-accent-magenta, #CD519D)"},
+		inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
 		inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"}
 		`,
     backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"
   },
-  /** Dark mode */
-
+  // expand title - inactive match - dark mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
     boxShadow: `
@@ -488,6 +504,7 @@ export const findReplaceStylesNewWithA11Y = css({
       color: "var(--ds-text-inverse, #FFFFFF)"
     }
   },
+  // expand title - active match - dark mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
     boxShadow: `

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

@@ -0,0 +1,27 @@
+import { useEffect, useState } from 'react';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+
+/**
+ * ExcludeFromHydration component delays rendering of its children until after the initial
+ * hydration phase, based on a feature flag check. If the feature flag is disabled,
+ * it will render children immediately after hydration.
+ * @param param0
+ * @returns
+ */
+function ExcludeFromHydration({
+  children
+}) {
+  const [shouldRender, setShouldRender] = useState(false);
+  useEffect(() => {
+    if (isSSR()) {
+      return;
+    }
+    setShouldRender(true);
+  }, []);
+  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !shouldRender) {
+    return null;
+  }
+  return children;
+}
+export default ExcludeFromHydration;

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "216.0.1";
+export const version = "0.0.0-development";

package/dist/esm/ui/Appearance/Comment/Toolbar.js

@@ -100,7 +100,7 @@ var StickyToolbar = function StickyToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
-      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && !toolbarPatch6Enabled && mainToolbarWithoutLeftPadding, props.isNewToolbarEnabled && toolbarPatch6Enabled && mainToolbarWithPadding]
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && !toolbarPatch6Enabled && mainToolbarWithoutLeftPadding, props.isNewToolbarEnabled && toolbarPatch6Enabled && mainToolbarWithPadding]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
       style: {
@@ -117,7 +117,7 @@ var FixedToolbar = function FixedToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
-      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle],
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle],
       "data-testid": "ak-editor-main-toolbar"
     }, props.children)
   );

package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -10,6 +10,7 @@ import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-me
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isToolbar } from '../../../utils/toolbar';
+import ExcludeFromHydration from '../../ExcludeFromHydration';
 import { ToolbarNext } from '../../Toolbar/Toolbar';
 import { ToolbarPortalMountPoint, useToolbarPortal } from '../../Toolbar/ToolbarPortal';
 var styles = {
@@ -87,7 +88,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
   }, [editorView]);
   return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref6) {
     var ContextPanelWidth = _ref6.width;
-    return /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
+    return /*#__PURE__*/React.createElement(ExcludeFromHydration, null, /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
       editorView: editorView,
       childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
       isShortcutToFocusToolbar: isShortcutToFocusToolbar,
@@ -98,7 +99,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
       showKeyline: showKeyline || ContextPanelWidth > 0
     }, beforeIcon && /*#__PURE__*/React.createElement("div", {
       className: ax([styles.mainToolbarIconBefore, expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) && styles.mainToolbarIconBeforeNew])
-    }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) && isSSR() || editorView) && (expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) ? !isSSR() : !expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
+    }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) && isSSR() || editorView) && (!expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
       toolbar: toolbar,
       components: components,
       editorView: editorView,
@@ -111,7 +112,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
     }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
       "data-testid": 'before-primary-toolbar-components-plugin',
       className: ax([styles.beforePrimaryToolbarComponents])
-    }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), fg('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)) : primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) ? !isSSR() : !expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
+    }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), fg('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)) : primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (!expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
       toolbar: toolbar,
       components: components,
       editorView: editorView,
@@ -119,6 +120,6 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
       popupsMountPoint: mountPoint,
       editorAppearance: "full-page",
       isDisabled: disabled
-    }))));
+    })))));
   });
 };

package/dist/esm/ui/Appearance/FullPage/MainToolbarWrapper.js

@@ -8,7 +8,6 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingDialogZIndex, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
 
 // Base styles that don't depend on feature flags
@@ -55,7 +54,7 @@ export var MainToolbarWrapper = function MainToolbarWrapper(_ref) {
     testId = _ref['data-testid'];
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: [baseToolbarStyles, fg('platform-visual-refresh-icons') && flexibleIconSize, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle],
+    css: [baseToolbarStyles, flexibleIconSize, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle],
     "data-testid": testId
   }, children);
 };

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -44,7 +44,7 @@ import { gridStyles } from './styles/gridStyles';
 import { indentationStyles } from './styles/indentationStyles';
 import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
 import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
-import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } from './styles/link';
+import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
 import { diffListStyles, getDenseListStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
 import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
 import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
@@ -61,7 +61,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { syncBlockStyles } from './styles/syncBlockStyles';
 import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes, tableEmptyRowStyles } from './styles/tableStyles';
-import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
+import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
 import { textHighlightStyle } from './styles/textHighlightStyles';
@@ -282,7 +282,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    expandStylesMixin_fg_platform_visual_refresh_icons, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     fg('platform_editor_a11y_find_replace_focus_ring') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -304,11 +304,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     taskItemStylesWithBlockTaskItem :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    taskItemStyles, fg('platform-visual-refresh-icons') &&
+    taskItemStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    decisionIconWithVisualRefresh, !fg('platform-visual-refresh-icons') &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    decisionIconWithoutVisualRefresh,
+    decisionIconWithVisualRefresh,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     statusStyles, fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -476,8 +474,6 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     hyperLinkFloatingToolbarStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     fg('confluence_floating_toolbar_animation') && selectionToolbarAnimationStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     fg('platform_editor_vanilla_codebidi_warning') && codeBidiWarningStyles,

package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js

@@ -212,10 +212,7 @@ export var findReplaceStylesNew = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var findReplaceStylesNewWithA11Y = css({
-  /** Text match styles */
-
-  /** Light mode */
-
+  // text - inactive match - light mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-text': {
     borderRadius: "var(--ds-space-050, 4px)",
@@ -225,15 +222,15 @@ export var findReplaceStylesNewWithA11Y = css({
     backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
     color: "var(--ds-text, #292A2E)"
   },
+  // text - active match - light mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-text.selected-search-match': {
-    boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-border-accent-magenta, #CD519D)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", "\n\t\t"),
+    boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", "\n\t\t"),
     // we need to use !important here as we need to override inline selection styles
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
     backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)".concat(" !important")
   },
-  /** Dark mode */
-
+  // text - inactive match - dark mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-text.search-match-dark': {
     boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #77325B)", "\n\t\t"),
@@ -242,6 +239,7 @@ export var findReplaceStylesNewWithA11Y = css({
     backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #77325B)".concat(" !important"),
     color: "var(--ds-text-inverse, #FFFFFF)"
   },
+  // text - active match - dark mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-text.selected-search-match.search-match-dark': {
     boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
@@ -249,11 +247,7 @@ export var findReplaceStylesNewWithA11Y = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
     backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
   },
-  /** Block match styles */
-
-  /** Light mode */
-
-  /** Without node selection */
+  // block node - inactive match - light mode - without node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -265,18 +259,19 @@ export var findReplaceStylesNewWithA11Y = css({
       boxShadow: "\n\t\t\t0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-border-accent-magenta, #CD519D)", "\n\t\t\t")
     }
   },
+  // block node - active match - light mode - without node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-block-selected': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '[data-smart-link-container="true"], .loader-wrapper>div::after': {
-      boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-border-accent-magenta, #CD519D)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", "\n\t\t\t")
+      boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", "\n\t\t\t")
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: "\n\t\t\t0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-border-accent-magenta, #CD519D)", "\n\t\t\t")
+      boxShadow: "\n\t\t\t0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
     }
   },
-  /** With node selection */
+  // block node - inactive match - light mode - with node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.ak-editor-selected-node': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -285,22 +280,22 @@ export var findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #F797D2)")
+      boxShadow: "\n\t\t\t0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)", ",\n\t\t\t0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-border-accent-magenta, #CD519D)", "\n\t\t\t")
     }
   },
+  // block node - active match - light mode - with node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-block-selected.ak-editor-selected-node': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '[data-smart-link-container="true"], .loader-wrapper>div::after': {
-      boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-border-accent-magenta, #CD519D)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #1868DB)", "\n\t\t\t")
+      boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #1868DB)", "\n\t\t\t")
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #F797D2)")
+      boxShadow: "\n\t\t\t0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)", ",\n\t\t\t0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
     }
   },
-  /** Dark mode */
-  /** Without node selection */
+  // block node - inactive match - dark mode - without node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-dark': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -309,9 +304,10 @@ export var findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #77325B)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
+      boxShadow: "\n\t\t\t0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #77325B)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", "\n\t\t\t")
     }
   },
+  // block node - active match - dark mode - without node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-block-selected.search-match-dark': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -320,10 +316,10 @@ export var findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
+      boxShadow: "\n\t\t\t0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", "\n\t\t\t")
     }
   },
-  /** With node selection */
+  // block node - inactive match - dark mode - with node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-dark.ak-editor-selected-node': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -332,9 +328,10 @@ export var findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #77325B)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
+      boxShadow: "\n\t\t\t0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)", ",\n\t\t\t0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #77325B)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", "\n\t\t\t")
     }
   },
+  // block node - active match - dark mode - with node selection
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-block.search-match-block-selected.search-match-dark.ak-editor-selected-node': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -343,13 +340,10 @@ export var findReplaceStylesNewWithA11Y = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.loader-wrapper>a, .hover-card-trigger-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
-      boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
+      boxShadow: "\n\t\t\t0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)", ",\n\t\t\t0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", "\n\t\t\t")
     }
   },
-  /** Expand title match styles */
-
-  /** Light mode */
-
+  // expand title - inactive match - light mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
     borderRadius: "var(--ds-space-050, 4px)",
@@ -360,13 +354,13 @@ export var findReplaceStylesNewWithA11Y = css({
       color: "var(--ds-text, #292A2E)"
     }
   },
+  // expand title - active match - light mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
-    boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-border-accent-magenta, #CD519D)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", "\n\t\t"),
+    boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)", "\n\t\t"),
     backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"
   },
-  /** Dark mode */
-
+  // expand title - inactive match - dark mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
     boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #77325B)", "\n\t\t"),
@@ -376,6 +370,7 @@ export var findReplaceStylesNewWithA11Y = css({
       color: "var(--ds-text-inverse, #FFFFFF)"
     }
   },
+  // expand title - active match - dark mode
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
     boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),

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

@@ -0,0 +1,30 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useEffect, useState } from 'react';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+
+/**
+ * ExcludeFromHydration component delays rendering of its children until after the initial
+ * hydration phase, based on a feature flag check. If the feature flag is disabled,
+ * it will render children immediately after hydration.
+ * @param param0
+ * @returns
+ */
+function ExcludeFromHydration(_ref) {
+  var children = _ref.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldRender = _useState2[0],
+    setShouldRender = _useState2[1];
+  useEffect(function () {
+    if (isSSR()) {
+      return;
+    }
+    setShouldRender(true);
+  }, []);
+  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !shouldRender) {
+    return null;
+  }
+  return children;
+}
+export default ExcludeFromHydration;

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "216.0.1";
+export var version = "0.0.0-development";

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

@@ -0,0 +1,12 @@
+import type React from 'react';
+/**
+ * ExcludeFromHydration component delays rendering of its children until after the initial
+ * hydration phase, based on a feature flag check. If the feature flag is disabled,
+ * it will render children immediately after hydration.
+ * @param param0
+ * @returns
+ */
+declare function ExcludeFromHydration({ children }: {
+    children: React.ReactNode;
+}): React.ReactNode;
+export default ExcludeFromHydration;