@atlaskit/editor-core 225.0.0 → 226.0.1

package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -9,11 +9,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _selectionStyles = require("./selectionStyles");
+var _css3, _css4;
 /* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
 	@repo/internal/deprecations/deprecation-ticket-required,
 	@atlaskit/ui-styling-standard/no-exported-styles */
-
 // Constant variables here has been inlined in css from EditorContentContainer, if you need to make
 // update here, please also update packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
 /**
@@ -82,8 +82,20 @@ var smartCardDiffStyles = exports.smartCardDiffStyles = (0, _react.css)((0, _def
  * If you need to make changes here, also update the corresponding style in
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ *
+ * Two rule sets, one per cohort of `platform_editor_show_diff_color_scheme_refactor`. Their base
+ * classes are disjoint — `wrapBlockNodeView` emits `-node`/`-node-traditional` when the gate is off
+ * and `-node-vars` when it is on — so only one set can ever match an element.
+ *
+ * The OFF set is the pre-refactor CSS, kept verbatim: that cohort emits no custom properties, so the
+ * tokens in its `var()` fallbacks are the live values. Delete it at experiment cleanup.
+ *
+ * The ON set reads the `--diff-delete-*` properties the factory emits inline, with no `var()`
+ * fallback — `wrapBlockNodeView` sets the class and the properties in the same step. The fallbacks
+ * it does keep are the ones standard leaves unset on purpose: `--diff-delete-opacity`,
+ * `--diff-delete-ring-width`, and `--diff-delete-text-decoration-color`.
  */
-var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.css)((_css3 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css3, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
   boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-gray, #7D818A)", ")"),
   borderColor: 'transparent'
@@ -105,6 +117,21 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
   opacity: 0.6
+}), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px var(--diff-delete-color)",
+  borderColor: 'transparent'
+}), "&.show-diff-deleted-node-vars.show-diff-deleted-outline-new .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 4px var(--diff-delete-color-new)",
+  borderColor: 'transparent'
+}), "&.show-diff-deleted-node-vars.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active)",
+  borderColor: 'transparent'
+}), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  opacity: "var(--diff-delete-opacity, 0.6)"
 })), '.show-diff-deleted-node .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
@@ -145,12 +172,46 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
 }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node', {
   textDecoration: 'line-through'
 }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
-  textDecoration: 'line-through',
-  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
+  textDecorationLine: 'line-through'
 }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
-  textDecoration: 'line-through',
-  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
-}));
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
+  textDecorationLine: 'line-through'
+}), '.show-diff-deleted-node-vars .media-card-wrapper', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '& > div': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+    boxShadow: "0 0 0 1px var(--diff-delete-color)",
+    borderRadius: "var(--ds-radius-small, 4px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    opacity: "var(--diff-delete-opacity, 0.6)"
+  }
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css3, '.show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '& > div': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+    boxShadow: "0 0 0 4px var(--diff-delete-color-new)",
+    borderRadius: "var(--ds-radius-small, 4px)"
+  }
+}), '.show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '& > div': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active)",
+    borderRadius: "var(--ds-radius-small, 4px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    opacity: "var(--diff-delete-opacity, 0.6)"
+  }
+}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-vars', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
+  textDecorationLine: 'line-through'
+}), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-vars', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  textDecorationLine: "var(--diff-delete-embed-strike-line)"
+})));
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 /**
@@ -158,8 +219,10 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
  * If you need to make changes here, also update the corresponding style in
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ *
+ * The a11y-fixes variant of `showDiffDeletedNodeStyles`; same two-cohort split — see its note.
  */
-var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _react.css)((_css4 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css4, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
   boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
   borderColor: 'transparent'
@@ -181,6 +244,21 @@ var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _r
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
   opacity: 0.8
+}), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px var(--diff-delete-media-ring-color)",
+  borderColor: 'transparent'
+}), "&.show-diff-deleted-node-vars.show-diff-deleted-outline-new .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 4px var(--diff-delete-color-new)",
+  borderColor: 'transparent'
+}), "&.show-diff-deleted-node-vars.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active)",
+  borderColor: 'transparent'
+}), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  opacity: "var(--diff-delete-opacity, 0.8)"
 })), '.show-diff-deleted-node .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
@@ -221,12 +299,46 @@ var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _r
 }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node', {
   textDecoration: 'line-through'
 }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
-  textDecoration: 'line-through',
-  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
+  textDecorationLine: 'line-through'
 }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
-  textDecoration: 'line-through',
-  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
-}));
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
+  textDecorationLine: 'line-through'
+}), '.show-diff-deleted-node-vars .media-card-wrapper', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '& > div': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+    boxShadow: "0 0 0 var(--diff-delete-ring-width, 1px) var(--diff-delete-media-ring-color)",
+    borderRadius: "var(--ds-radius-small, 4px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    opacity: "var(--diff-delete-opacity, 0.8)"
+  }
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css4, '.show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '& > div': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+    boxShadow: "0 0 0 4px var(--diff-delete-color-new)",
+    borderRadius: "var(--ds-radius-small, 4px)"
+  }
+}), '.show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '& > div': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active)",
+    borderRadius: "var(--ds-radius-small, 4px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    opacity: "var(--diff-delete-opacity, 0.8)"
+  }
+}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-vars', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
+  textDecorationLine: 'line-through'
+}), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-vars', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  textDecorationLine: "var(--diff-delete-embed-strike-line)"
+})));
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in

package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js

@@ -18,10 +18,9 @@ var _react = require("@emotion/react");
 var statusStyles = exports.statusStyles = (0, _react.css)({
   // Show diff: status attr change highlight. Keep this with status node styles so the highlight
   // targets the lozenge shape rather than the decoration wrapper.
-  // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
-  // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
-  // by that inline variable and will be removed once
-  // platform_editor_show_diff_color_scheme_refactor is cleaned up.
+  // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
+  // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
+  // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.show-diff-atomic-inline-changed-status': {
     '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"

package/dist/cjs/ui/EditorContentContainer/styles/unsupportedStyles.js

@@ -60,6 +60,22 @@ var vanillaUnsupportedStyles = exports.vanillaUnsupportedStyles = (0, _react.css
       justifyContent: 'center'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.unsupported-inline-vanilla-inner': {
+      alignItems: 'center',
+      background: "var(--ds-background-disabled, #0515240F)",
+      border: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-disabled, #0515240F)"),
+      borderRadius: "var(--ds-radius-small, 3px)",
+      boxSizing: 'border-box',
+      cursor: 'default',
+      display: 'inline-flex',
+      font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+      margin: "0 ".concat("var(--ds-space-025, 2px)"),
+      minHeight: '24px',
+      padding: "0 ".concat("var(--ds-space-100, 8px)"),
+      verticalAlign: 'middle',
+      whiteSpace: 'nowrap'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.unsupported-vanilla-icon': {
       padding: "var(--ds-space-050, 4px)",
       display: 'inline-flex',

package/dist/cjs/ui/EditorContentContainer/styles/vanillaTooltipStyles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vanillaTooltipDefaultStyles = void 0;
+var _react = require("@emotion/react");
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
+	@repo/internal/deprecations/deprecation-ticket-required,
+	@atlaskit/ui-styling-standard/no-exported-styles */
+
+/**
+ * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
+ * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
+ *
+ * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
+ * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,
+ * `visibility` and `transition` inline for the show/hide animation;
+ */
+var vanillaTooltipDefaultStyles = exports.vanillaTooltipDefaultStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-vanilla-tooltip-default': {
+      boxSizing: 'border-box',
+      maxWidth: '240px',
+      backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
+      border: 'none',
+      borderRadius: "var(--ds-radius-small, 3px)",
+      color: "var(--ds-text-inverse, #FFFFFF)",
+      font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+      fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+      insetBlockStart: "var(--ds-space-0, 0px)",
+      insetInlineStart: "var(--ds-space-0, 0px)",
+      overflowWrap: 'break-word',
+      paddingBlock: "var(--ds-space-050, 4px)",
+      paddingInline: "var(--ds-space-075, 6px)",
+      whiteSpace: 'normal'
+    }
+  }
+});

package/dist/cjs/ui/quick-insert/getExtensionQuickInsertComponents.js

@@ -31,12 +31,11 @@ var getExtensionQuickInsertComponents = exports.getExtensionQuickInsertComponent
         };
       }),
       component: function component(props) {
-        var onInsert = typeof props.onInsert === 'function' ? props.onInsert : undefined;
         return /*#__PURE__*/_react.default.createElement(_ExtensionQuickInsertMenuItem.ExtensionQuickInsertMenuItem, {
           apiRef: apiRef,
           createAnalyticsEvent: createAnalyticsEvent,
           item: item,
-          onInsert: onInsert
+          onInsert: props.onInsert
         });
       }
     };

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "224.4.4";
+var version = exports.version = "226.0.0";

package/dist/es2019/create-editor/ReactEditorView.js

@@ -24,7 +24,6 @@ import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { EditorSSRRenderer } from '@atlaskit/editor-ssr-renderer';
 import { createSSREditorState } from '@atlaskit/editor-ssr-renderer/create-ssr-editor-state';
 import { createSSRPMPlugins } from '@atlaskit/editor-ssr-renderer/create-ssr-pm-plugins';
-import { insm } from '@atlaskit/insm/api';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { addUFOCustomData } from '@atlaskit/react-ufo/custom-data';
@@ -873,29 +872,6 @@ export function ReactEditorView(props) {
     }
   }, [createEditorView, onEditorCreated, eventDispatcher, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
   const isPageAppearance = isFullPage(nextAppearance) || nextAppearance === 'max';
-
-  // insm measures a page, so only the page's own editor reports its dom size -- not a
-  // secondary editor such as a comment editor, or one nested inside a legacy content
-  // extension. This runs as an effect rather than from handleEditorViewRef because
-  // `isNestedEditor` is only resolved once `editorRef` is attached, which happens after
-  // the mount node's ref callback.
-  useEffect(() => {
-    if (!editorView || isNestedEditor.current || !isPageAppearance) {
-      return;
-    }
-    if (!isExperimentEnabled('platform_editor_insm_dom_node_count')) {
-      return;
-    }
-
-    // insm has no reference to the editor, so the element it measures for `editorDomSize`
-    // on session events is provided here. It's captured rather than read again on cleanup,
-    // as the view is destroyed by then.
-    const editorDom = editorView.dom;
-    insm.registerEditorDom(editorDom);
-    return () => {
-      insm.unregisterEditorDom(editorDom);
-    };
-  }, [editorView, isPageAppearance]);
   const createEditor = useCallback((assistiveLabel, assistiveDescribedBy) => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, fg('cc_editor_focus_before_editor_on_load') && /*#__PURE__*/React.createElement("div", {
       tabIndex: -1,

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css

@@ -65,6 +65,7 @@
 ._n3tdidpf{padding-bottom:0}
 ._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
 ._njlp131u{contain:layout style inline-size}
+._njlp3xnj{contain:layout size}
 ._ongaglyw .ProseMirror>h4{clear:none}
 ._otyr1wug{margin-bottom:auto}
 ._otyridpf{margin-bottom:0}

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js

@@ -27,6 +27,13 @@ const akLayoutGutterOffset = 12;
 const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
 const AK_NESTED_DND_GUTTER_OFFSET = 8;
 const getTotalPadding = () => akEditorGutterPaddingDynamic() * 2;
+
+// Isolates the scroll container's layout and size from the rest of the page under
+// platform_editor_contain_layout. Because of contain: size wrapper
+// must take its height from the parent rather than from the contained content.
+const containLayoutStyles = {
+  wrapper: "_njlp3xnj _4t3i1osq"
+};
 const compiledStyles = {
   contentAreaWrapper: "_1bsb1osq _7cca15wb _1f38dez1 _njlp131u",
   sidebarArea: "_4t3i1osq _vchhusvi _1wpzesu3 _1hgw1wug _1t1q1if8 _uj9widpf _13hh1y6m",
@@ -86,15 +93,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   const isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
   const shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
   const shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": CONTENT_AREA_TEST_ID,
-    ref: containerRef,
-    className: ax([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-testid": EDITOR_CONTAINER,
-    "data-editor-container": 'true',
-    className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
-  }, !!props.customContentComponents && 'UNSAFE_outside' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.UNSAFE_outside) : null, /*#__PURE__*/React.createElement(EditorContentContainer
+  const content = /*#__PURE__*/React.createElement(EditorContentContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",
@@ -104,8 +103,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     isScrollable: true,
     appearance: props.appearance,
     contentMode: props.contentMode,
-    useStandardNodeWidth: useStandardNodeWidth,
-    UNSAFE_containLayout: props.UNSAFE_containLayout
+    useStandardNodeWidth: useStandardNodeWidth
   }, /*#__PURE__*/React.createElement(ClickAreaBlock, {
     editorView: props.editorView,
     editorDisabled: props.disabled
@@ -164,7 +162,19 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     },
     "data-vc": "scroll-gutter",
     className: ax([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
-  }))))))), /*#__PURE__*/React.createElement("div", {
+  }))))));
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": CONTENT_AREA_TEST_ID,
+    ref: containerRef,
+    className: ax([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": EDITOR_CONTAINER,
+    "data-editor-container": 'true',
+    className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
+  }, props.UNSAFE_containLayout ? /*#__PURE__*/React.createElement("div", {
+    "data-testid": "editor-contain-size-and-layout-wrapper",
+    className: ax([containLayoutStyles.wrapper])
+  }, content) : content), /*#__PURE__*/React.createElement("div", {
     className: ax([compiledStyles.sidebarArea])
   }, props.contextPanel || /*#__PURE__*/React.createElement(ContextPanel, {
     editorAPI: props.editorAPI,

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js

@@ -33,6 +33,14 @@ const akLayoutGutterOffset = 12;
 const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
 const AK_NESTED_DND_GUTTER_OFFSET = 8;
 const getTotalPadding = () => akEditorGutterPaddingDynamic() * 2;
+
+// Isolates the scroll container's layout and size from the rest of the page under
+// platform_editor_contain_layout. Because of contain: size wrapper
+// must take its height from the parent rather than from the contained content.
+const containStrictWrapperStyles = css({
+  contain: 'layout size',
+  height: '100%'
+});
 const editorContentAreaProsemirrorStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& .ProseMirror': {
@@ -304,17 +312,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   const isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
   const shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
   const shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
-  return jsx("div", {
-    css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
-    "data-testid": CONTENT_AREA_TEST_ID,
-    ref: containerRef
-  }, jsx("div", {
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
-    "data-testid": EDITOR_CONTAINER,
-    "data-editor-container": 'true'
-  }, !!props.customContentComponents && 'UNSAFE_outside' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.UNSAFE_outside) : null, jsx(EditorContentContainer
+  const content = jsx(EditorContentContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",
@@ -324,8 +322,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     isScrollable: true,
     appearance: props.appearance,
     contentMode: props.contentMode,
-    useStandardNodeWidth: useStandardNodeWidth,
-    UNSAFE_containLayout: props.UNSAFE_containLayout
+    useStandardNodeWidth: useStandardNodeWidth
   }, jsx(ClickAreaBlock, {
     editorView: props.editorView,
     editorDisabled: props.disabled
@@ -393,7 +390,21 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
       paddingBottom: `${(_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120'}px`
     },
     "data-vc": "scroll-gutter"
-  }))))))), jsx("div", {
+  }))))));
+  return jsx("div", {
+    css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
+    "data-testid": CONTENT_AREA_TEST_ID,
+    ref: containerRef
+  }, jsx("div", {
+    css: [
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+    contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
+    "data-testid": EDITOR_CONTAINER,
+    "data-editor-container": 'true'
+  }, props.UNSAFE_containLayout ? jsx("div", {
+    "data-testid": "editor-contain-size-and-layout-wrapper",
+    css: containStrictWrapperStyles
+  }, content) : content), jsx("div", {
     css: sidebarArea
   }, props.contextPanel || jsx(ContextPanel, {
     editorAPI: props.editorAPI,

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -139,8 +139,8 @@
 .cc-13ipadj{ms-overflow-style:-ms-autohiding-scrollbar}.cc-13ipadj::-webkit-scrollbar-corner{display:none}.cc-13ipadj::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-13ipadj:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-13ipadj::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
 .cc-xj7ujp .ProseMirror-selectednode{outline-color:currentColor;outline-style:none;outline-width:medium}.cc-xj7ujp .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}.cc-1u1dmuf [aria-label="Selection toolbar"]{animation-name:k1xe95hp;animation-duration:.2s;animation-timing-function:cubic-bezier(.6,0,0,1)}
 .cc-7ldcy .ProseMirror .left-shadow:after, .cc-7ldcy .ProseMirror .left-shadow:before, .cc-7ldcy .ProseMirror .right-shadow:after, .cc-7ldcy .ProseMirror .right-shadow:before{display:none;position:absolute;pointer-events:none;z-index:2;width:8px;content:"";height:100%}.cc-7ldcy .ProseMirror .left-shadow, .cc-7ldcy .ProseMirror .right-shadow{position:relative}.cc-7ldcy .ProseMirror .left-shadow:before{background:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);top:0;left:0;display:block}.cc-7ldcy .ProseMirror .right-shadow:after{background:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);right:0;top:0;display:block}.cc-7ldcy .ProseMirror .sentinel-left{height:100%;width:0;min-width:0}.cc-7ldcy .ProseMirror .sentinel-right{height:100%;width:0;min-width:0}
-.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.6}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}
-.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}
+.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.6}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-vars .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-vars.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-vars.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-vars .loader-wrapper{opacity:var(--diff-delete-opacity,.6)}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d));text-decoration-line:line-through}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d));text-decoration-line:line-through}.cc-1cupvcw .show-diff-deleted-node-vars .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color);border-radius:var(--ds-radius-small,4px);opacity:var(--diff-delete-opacity,.6)}.cc-1cupvcw .show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active);border-radius:var(--ds-radius-small,4px);opacity:var(--diff-delete-opacity,.6)}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-vars{text-decoration-color:var(--diff-delete-text-decoration-color,currentColor);text-decoration-line:line-through}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-vars{text-decoration-color:var(--diff-delete-text-decoration-color,currentColor);text-decoration-line:var(--diff-delete-embed-strike-line)}
+.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-vars .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-media-ring-color);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-vars.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-vars.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-vars .loader-wrapper{opacity:var(--diff-delete-opacity,.8)}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d));text-decoration-line:line-through}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d));text-decoration-line:line-through}.cc-yt5ulr .show-diff-deleted-node-vars .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-delete-ring-width,1px) var(--diff-delete-media-ring-color);border-radius:var(--ds-radius-small,4px);opacity:var(--diff-delete-opacity,.8)}.cc-yt5ulr .show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active);border-radius:var(--ds-radius-small,4px);opacity:var(--diff-delete-opacity,.8)}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-vars{text-decoration-color:var(--diff-delete-text-decoration-color,currentColor);text-decoration-line:line-through}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-vars{text-decoration-color:var(--diff-delete-text-decoration-color,currentColor);text-decoration-line:var(--diff-delete-embed-strike-line)}
 .cc-v28bhv .embedCardView-content-wrap[data-testid=show-diff-changed-decoration-node] .loader-wrapper>div:after{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-decoration-marker-color);border-color:transparent}
 .cc-1v4mcpy .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1v4mcpy .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1v4mcpy .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1v4mcpy .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1v4mcpy .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1v4mcpy .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
 .cc-1y0ifdm .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1y0ifdm .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1y0ifdm .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block):not(.danger) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1y0ifdm .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1y0ifdm .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1y0ifdm .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
@@ -186,7 +186,8 @@
 .cc-277qb .text-highlight{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe);border-bottom:2px solid var(--ds-background-accent-blue-subtler,#cfe1fd)}
 .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text;box-shadow:0 -4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd),0 4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd)}.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
 .cc-hnzg4x .unsupportedBlockView-content-wrap>div, .cc-hnzg4x .unsupportedInlineView-content-wrap>span:nth-of-type(2){cursor:pointer}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe);border:1px solid var(--ds-border-selected,#1868db)}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%;content:"\00a0";background:var(--ds-border-selected,#1868db);position:absolute;right:-1px;top:0;bottom:0;width:1px;border:none;display:inline-block}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::selection{background-color:transparent}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::-moz-selection{background-color:transparent}.cc-hnzg4x .danger .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .danger .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){border:1px solid var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}
-.cc-1ysxql5 .ProseMirror .unsupported-block-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:pointer;display:flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:var(--ds-space-100,8px) 0;min-height:24px;min-width:90pt;padding:var(--ds-space-150,9pt);text-align:center;justify-content:center}.cc-1ysxql5 .ProseMirror .unsupported-vanilla-icon{padding:var(--ds-space-050,4px);display:inline-flex;align-items:center}
+.cc-s0u8xw .ProseMirror .ak-editor-vanilla-tooltip-default{box-sizing:border-box;max-width:15pc;background-color:var(--ds-background-neutral-bold,#292a2e);border:none;border-radius:var(--ds-radius-small,3px);color:var(--ds-text-inverse,#fff);font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);inset-block-start:var(--ds-space-0,0);inset-inline-start:var(--ds-space-0,0);overflow-wrap:break-word;padding-block:var(--ds-space-050,4px);padding-inline:var(--ds-space-075,6px);white-space:normal}
+.cc-1ysxql5 .ProseMirror .unsupported-block-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:pointer;display:flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:var(--ds-space-100,8px) 0;min-height:24px;min-width:90pt;padding:var(--ds-space-150,9pt);text-align:center;justify-content:center}.cc-1ysxql5 .ProseMirror .unsupported-inline-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:0 var(--ds-space-025,2px);min-height:24px;padding:0 var(--ds-space-100,8px);vertical-align:middle;white-space:nowrap}.cc-1ysxql5 .ProseMirror .unsupported-vanilla-icon{padding:var(--ds-space-050,4px);display:inline-flex;align-items:center}
 .cc-14oigrh .ProseMirror{word-wrap:break-word;white-space:pre-wrap}
 @keyframes k1coy3hw{0%{background-color:transparent;border-bottom-color:transparent}12%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}88%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}to{background-color:transparent;border-bottom-color:transparent}}
 @keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}