@atlaskit/editor-core 226.0.0 → 226.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/dist/cjs/create-editor/ReactEditorView.js +0 -24
  4. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
  5. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
  6. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
  7. package/dist/cjs/ui/EditorContentContainer/styles/dateStyles.js +3 -4
  8. package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +6 -8
  9. package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +3 -4
  10. package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +125 -13
  11. package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +3 -4
  12. package/dist/cjs/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
  13. package/dist/cjs/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +41 -0
  14. package/dist/cjs/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
  15. package/dist/cjs/version-wrapper.js +1 -1
  16. package/dist/es2019/create-editor/ReactEditorView.js +0 -24
  17. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
  18. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
  19. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
  20. package/dist/es2019/ui/EditorContentContainer/styles/dateStyles.js +3 -4
  21. package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +6 -8
  22. package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +3 -4
  23. package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +183 -8
  24. package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +3 -4
  25. package/dist/es2019/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
  26. package/dist/es2019/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +34 -0
  27. package/dist/es2019/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
  28. package/dist/es2019/version-wrapper.js +1 -1
  29. package/dist/esm/create-editor/ReactEditorView.js +0 -24
  30. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
  31. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
  32. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
  33. package/dist/esm/ui/EditorContentContainer/styles/dateStyles.js +3 -4
  34. package/dist/esm/ui/EditorContentContainer/styles/emoji.js +6 -8
  35. package/dist/esm/ui/EditorContentContainer/styles/mentions.js +3 -4
  36. package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +125 -12
  37. package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +3 -4
  38. package/dist/esm/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
  39. package/dist/esm/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +34 -0
  40. package/dist/esm/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
  41. package/dist/esm/version-wrapper.js +1 -1
  42. package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts +14 -0
  43. package/dist/types/ui/EditorContentContainer/styles/vanillaTooltipStyles.d.ts +10 -0
  44. package/dist/types/ui/quick-insert/getExtensionQuickInsertComponents.d.ts +6 -2
  45. package/package.json +4 -5
@@ -60,6 +60,22 @@ var vanillaUnsupportedStyles = exports.vanillaUnsupportedStyles = (0, _react.css
60
60
  justifyContent: 'center'
61
61
  },
62
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
63
+ '.unsupported-inline-vanilla-inner': {
64
+ alignItems: 'center',
65
+ background: "var(--ds-background-disabled, #0515240F)",
66
+ border: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-disabled, #0515240F)"),
67
+ borderRadius: "var(--ds-radius-small, 3px)",
68
+ boxSizing: 'border-box',
69
+ cursor: 'default',
70
+ display: 'inline-flex',
71
+ font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
72
+ margin: "0 ".concat("var(--ds-space-025, 2px)"),
73
+ minHeight: '24px',
74
+ padding: "0 ".concat("var(--ds-space-100, 8px)"),
75
+ verticalAlign: 'middle',
76
+ whiteSpace: 'nowrap'
77
+ },
78
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
63
79
  '.unsupported-vanilla-icon': {
64
80
  padding: "var(--ds-space-050, 4px)",
65
81
  display: 'inline-flex',
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.vanillaTooltipDefaultStyles = void 0;
7
+ var _react = require("@emotion/react");
8
+ /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
9
+ @repo/internal/deprecations/deprecation-ticket-required,
10
+ @atlaskit/ui-styling-standard/no-exported-styles */
11
+
12
+ /**
13
+ * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
14
+ * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
15
+ *
16
+ * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
17
+ * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,
18
+ * `visibility` and `transition` inline for the show/hide animation;
19
+ */
20
+ var vanillaTooltipDefaultStyles = exports.vanillaTooltipDefaultStyles = (0, _react.css)({
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
22
+ '.ProseMirror': {
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
+ '.ak-editor-vanilla-tooltip-default': {
25
+ boxSizing: 'border-box',
26
+ maxWidth: '240px',
27
+ backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
28
+ border: 'none',
29
+ borderRadius: "var(--ds-radius-small, 3px)",
30
+ color: "var(--ds-text-inverse, #FFFFFF)",
31
+ 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)",
32
+ fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
33
+ insetBlockStart: "var(--ds-space-0, 0px)",
34
+ insetInlineStart: "var(--ds-space-0, 0px)",
35
+ overflowWrap: 'break-word',
36
+ paddingBlock: "var(--ds-space-050, 4px)",
37
+ paddingInline: "var(--ds-space-075, 6px)",
38
+ whiteSpace: 'normal'
39
+ }
40
+ }
41
+ });
@@ -31,12 +31,11 @@ var getExtensionQuickInsertComponents = exports.getExtensionQuickInsertComponent
31
31
  };
32
32
  }),
33
33
  component: function component(props) {
34
- var onInsert = typeof props.onInsert === 'function' ? props.onInsert : undefined;
35
34
  return /*#__PURE__*/_react.default.createElement(_ExtensionQuickInsertMenuItem.ExtensionQuickInsertMenuItem, {
36
35
  apiRef: apiRef,
37
36
  createAnalyticsEvent: createAnalyticsEvent,
38
37
  item: item,
39
- onInsert: onInsert
38
+ onInsert: props.onInsert
40
39
  });
41
40
  }
42
41
  };
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
8
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
9
- var version = exports.version = "225.0.0";
9
+ var version = exports.version = "226.0.0";
@@ -24,7 +24,6 @@ import { EditorView } from '@atlaskit/editor-prosemirror/view';
24
24
  import { EditorSSRRenderer } from '@atlaskit/editor-ssr-renderer';
25
25
  import { createSSREditorState } from '@atlaskit/editor-ssr-renderer/create-ssr-editor-state';
26
26
  import { createSSRPMPlugins } from '@atlaskit/editor-ssr-renderer/create-ssr-pm-plugins';
27
- import { insm } from '@atlaskit/insm/api';
28
27
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
29
28
  import { fg } from '@atlaskit/platform-feature-flags/fg';
30
29
  import { addUFOCustomData } from '@atlaskit/react-ufo/custom-data';
@@ -873,29 +872,6 @@ export function ReactEditorView(props) {
873
872
  }
874
873
  }, [createEditorView, onEditorCreated, eventDispatcher, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
875
874
  const isPageAppearance = isFullPage(nextAppearance) || nextAppearance === 'max';
876
-
877
- // insm measures a page, so only the page's own editor reports its dom size -- not a
878
- // secondary editor such as a comment editor, or one nested inside a legacy content
879
- // extension. This runs as an effect rather than from handleEditorViewRef because
880
- // `isNestedEditor` is only resolved once `editorRef` is attached, which happens after
881
- // the mount node's ref callback.
882
- useEffect(() => {
883
- if (!editorView || isNestedEditor.current || !isPageAppearance) {
884
- return;
885
- }
886
- if (!isExperimentEnabled('platform_editor_insm_dom_node_count')) {
887
- return;
888
- }
889
-
890
- // insm has no reference to the editor, so the element it measures for `editorDomSize`
891
- // on session events is provided here. It's captured rather than read again on cleanup,
892
- // as the view is destroyed by then.
893
- const editorDom = editorView.dom;
894
- insm.registerEditorDom(editorDom);
895
- return () => {
896
- insm.unregisterEditorDom(editorDom);
897
- };
898
- }, [editorView, isPageAppearance]);
899
875
  const createEditor = useCallback((assistiveLabel, assistiveDescribedBy) => {
900
876
  return /*#__PURE__*/React.createElement(React.Fragment, null, fg('cc_editor_focus_before_editor_on_load') && /*#__PURE__*/React.createElement("div", {
901
877
  tabIndex: -1,
@@ -139,8 +139,8 @@
139
139
  .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)}
140
140
  .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)}
141
141
  .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}
142
- .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))}
143
- .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))}
142
+ .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)}
143
+ .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)}
144
144
  .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}
145
145
  .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}
146
146
  .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 @@
186
186
  .cc-277qb .text-highlight{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe);border-bottom:2px solid var(--ds-background-accent-blue-subtler,#cfe1fd)}
187
187
  .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}
188
188
  .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)}
189
- .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}
189
+ .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}
190
+ .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}
190
191
  .cc-14oigrh .ProseMirror{word-wrap:break-word;white-space:pre-wrap}
191
192
  @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}}
192
193
  @keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}
@@ -409,6 +409,7 @@ const editorContentStyles = {
409
409
  textHighlightStyle: "cc-277qb",
410
410
  textSelectedNodeStyles: "cc-rrpz54",
411
411
  unsupportedStyles: "cc-hnzg4x",
412
+ vanillaTooltipDefaultStyles: "cc-s0u8xw",
412
413
  vanillaUnsupportedStyles: "cc-1ysxql5",
413
414
  whitespaceStyles: "cc-14oigrh"
414
415
  };
@@ -475,7 +476,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
475
476
  }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
476
477
  exposure: true
477
478
  }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
478
- editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
479
+ editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
479
480
  ref: ref,
480
481
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
481
482
  "data-testid": "editor-content-container"
@@ -69,6 +69,7 @@ import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telep
69
69
  import { textColorStyles } from './styles/textColorStyles';
70
70
  import { textHighlightStyle } from './styles/textHighlightStyles';
71
71
  import { unsupportedStyles, vanillaUnsupportedStyles } from './styles/unsupportedStyles';
72
+ import { vanillaTooltipDefaultStyles } from './styles/vanillaTooltipStyles';
72
73
  import { whitespaceStyles } from './styles/whitespaceStyles';
73
74
  const isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
74
75
  const alignMultipleWrappedImageInLayoutStyles = {
@@ -366,7 +367,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
366
367
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
367
368
  embedCardStyles,
368
369
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
369
- unsupportedStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
370
+ unsupportedStyles,
371
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
372
+ vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
370
373
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
371
374
  vanillaUnsupportedStyles,
372
375
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -60,10 +60,9 @@ export const dateVanillaStyles = css({
60
60
  export const dateStyles = css({
61
61
  // Show diff: date attr change highlight. Keep this with date node styles so the highlight
62
62
  // follows the date node view instead of living in shared smart-card diff styles.
63
- // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
64
- // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
65
- // by that inline variable and will be removed once
66
- // platform_editor_show_diff_color_scheme_refactor is cleaned up.
63
+ // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
64
+ // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
65
+ // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
67
66
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
68
67
  '.show-diff-atomic-inline-changed-date': {
69
68
  '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)",
@@ -14,10 +14,9 @@ import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '
14
14
  export const emojiStyles = css({
15
15
  // Show diff: emoji attr change highlight. Keep this with emoji node styles so the highlight
16
16
  // targets sprite/image/unicode emoji renderers.
17
- // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
18
- // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
19
- // by that inline variable and will be removed once
20
- // platform_editor_show_diff_color_scheme_refactor is cleaned up.
17
+ // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
18
+ // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
19
+ // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
21
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
22
21
  '.show-diff-atomic-inline-changed-emoji': {
23
22
  '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
@@ -95,10 +94,9 @@ export const emojiStyles = css({
95
94
  export const scaledEmojiStyles = css({
96
95
  // Show diff: emoji attr change highlight. Keep this with scaled emoji node styles too,
97
96
  // because scaled emoji styles replace the base emoji style bucket when enabled.
98
- // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
99
- // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
100
- // by that inline variable and will be removed once
101
- // platform_editor_show_diff_color_scheme_refactor is cleaned up.
97
+ // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
98
+ // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
99
+ // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
102
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
103
101
  '.show-diff-atomic-inline-changed-emoji': {
104
102
  '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
@@ -56,10 +56,9 @@ export const mentionsStyles = css({
56
56
  export const mentionNodeStyles = css({
57
57
  // Show diff: mention attr change highlight. Keep this with mention node styles so the
58
58
  // highlight targets the mention primitive's rounded shape.
59
- // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
60
- // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
61
- // by that inline variable and will be removed once
62
- // platform_editor_show_diff_color_scheme_refactor is cleaned up.
59
+ // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
60
+ // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
61
+ // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
63
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
64
63
  '.show-diff-atomic-inline-changed-mention': {
65
64
  '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"