@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,464 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-import { css } from '@emotion/react';
-import { defaultEmojiHeight, EmojiSharedCssClassName, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
-import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-// Emoji node view styles
-/**
- * @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
- * 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
- */
-export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({
-  // Show diff: emoji attr change highlight. Keep this with emoji node styles so the highlight
-  // targets sprite/image/unicode emoji renderers.
-  // 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-emoji': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-green, #22A06B)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite, .emoji-common-emoji-image, .emoji-common-emoji-unicode)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    outline: "2px solid var(--show-diff-atomic-inline-changed-border-color, ".concat("var(--ds-border-accent-purple, #AF59E1)", ")"),
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    outlineOffset: '1px',
-    borderRadius: "var(--ds-radius-xsmall, 2px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror h1 [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH1, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror h2 [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH2, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror h3 [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH3, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror h4 [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH4, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
-  }
-}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
-  display: 'inline-block'
-}), ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-  background: 'no-repeat transparent',
-  display: 'inline-block',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxHeight: "".concat(defaultEmojiHeight, "px"),
-  cursor: 'pointer',
-  verticalAlign: 'middle',
-  userSelect: 'all'
-}), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
-  cursor: 'pointer'
-}));
-/**
- * @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
- * 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
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-  // Show diff: emoji attr change highlight. Keep this with scaled emoji node styles too,
-  // because scaled emoji styles replace the base emoji style bucket when enabled.
-  // 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-emoji': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-green, #22A06B)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite, .emoji-common-emoji-image, .emoji-common-emoji-unicode)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    outline: "2px solid var(--show-diff-atomic-inline-changed-border-color, ".concat("var(--ds-border-accent-purple, #AF59E1)", ")"),
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    outlineOffset: '1px',
-    borderRadius: "var(--ds-radius-xsmall, 2px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror h1 [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH1, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror h2 [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH2, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror h3 [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH3, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror h4 [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH4, "px")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
-  }
-}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
-  display: 'inline-block'
-}), ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-  background: 'no-repeat transparent',
-  display: 'inline-block',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  minHeight: "".concat(defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  minWidth: "".concat(defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxHeight: "".concat(scaledEmojiHeightH1, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxWidth: "".concat(scaledEmojiHeightH1, "px"),
-  cursor: 'pointer',
-  verticalAlign: 'middle',
-  userSelect: 'all'
-}), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
-  cursor: 'pointer'
-}), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(scaledEmojiHeightH1, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(scaledEmojiHeightH1, "px")
-}), ".ProseMirror h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(scaledEmojiHeightH2, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(scaledEmojiHeightH2, "px")
-}), ".ProseMirror h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(scaledEmojiHeightH3, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(scaledEmojiHeightH3, "px")
-}), ".ProseMirror h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(scaledEmojiHeightH4, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(scaledEmojiHeightH4, "px")
-}), ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(defaultEmojiHeight, "px")
-}));
-
-/**
- * @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
- * 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
- */
-// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var emojiSelectionStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
-  borderRadius: "var(--ds-radius-xsmall, 2px)",
-  position: 'relative',
-  WebkitUserSelect: 'text',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
-  borderColor: 'transparent',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::selection,*::selection': {
-    backgroundColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::-moz-selection,*::-moz-selection': {
-    backgroundColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::before': {
-    position: 'absolute',
-    content: "''",
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    width: '100%',
-    pointerEvents: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    zIndex: 12,
-    backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
-  }
-})));
-
-/**
- * @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
- * 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
- */
-// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var directEmojiSelectionStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, "[data-emoji-id]"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
-  borderRadius: "var(--ds-radius-xsmall, 2px)",
-  position: 'relative',
-  WebkitUserSelect: 'text',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
-  borderColor: 'transparent',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::selection,*::selection': {
-    backgroundColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::-moz-selection,*::-moz-selection': {
-    backgroundColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::before': {
-    position: 'absolute',
-    content: "''",
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    width: '100%',
-    pointerEvents: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    zIndex: 12,
-    backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
-  }
-})));
-
-/**
- * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
- * @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
- * 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
- */
-// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFontSize) {
-  var _css5;
-  if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
-    return css({});
-  }
-  return css((_css5 = {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror h1 [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH1, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror h2 [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH2, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror h3 [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH3, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror h4 [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH4, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
-    }
-  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css5, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: defaultDenseEmojiHeight,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: defaultDenseEmojiHeight,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    minHeight: defaultDenseEmojiHeight,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    minWidth: defaultDenseEmojiHeight,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    maxHeight: "".concat(denseEmojiHeightH1, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    maxWidth: "".concat(denseEmojiHeightH1, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    img: {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain'
-    }
-  }), '.ProseMirror .ak-editor-panel .ak-editor-panel__icon', {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "var(--ds-space-250, 20px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "var(--ds-space-250, 20px)"
-  }), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(denseEmojiHeightH1, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(denseEmojiHeightH1, "px")
-  }), ".ProseMirror h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(denseEmojiHeightH2, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(denseEmojiHeightH2, "px")
-  }), ".ProseMirror h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(denseEmojiHeightH3, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(denseEmojiHeightH3, "px")
-  }), ".ProseMirror h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(denseEmojiHeightH4, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(denseEmojiHeightH4, "px")
-  }), ".ProseMirror h1 .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(denseEmojiHeightH1, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(denseEmojiHeightH1, "px")
-  }), ".ProseMirror h2 .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(denseEmojiHeightH2, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(denseEmojiHeightH2, "px")
-  }), ".ProseMirror h3 .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(denseEmojiHeightH3, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(denseEmojiHeightH3, "px")
-  }), ".ProseMirror h4 .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(denseEmojiHeightH4, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(denseEmojiHeightH4, "px")
-  }), _defineProperty(_css5, ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(defaultDenseEmojiHeight, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(defaultDenseEmojiHeight, "px")
-  })));
-};
-
-/**
- * Gets dynamic emoji styles that scale emoji size based on the base font size.
- * This allows emojis to scale proportionally when the base font size changes.
- * @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
- * 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
- * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
- * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
- */
-// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
-  if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
-    return css({});
-  }
-
-  // Calculate emoji size based on base font size
-  // Default: 20px emoji at 16px base font
-  // Scaled: 20px * (baseFontSize/16)
-  // E.g., dense mode (13px base): 20px * (13/16) = 16.25px
-  var emojiSize = defaultEmojiHeight * baseFontSize / akEditorFullPageDefaultFontSize;
-  return css(_defineProperty(_defineProperty({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror h1 [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH1, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror h2 [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH2, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror h3 [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH3, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror h4 [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH4, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
-    }
-  }, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    width: emojiSize,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: emojiSize,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    maxHeight: emojiSize,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    img: {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain'
-    }
-  }), '.ProseMirror .ak-editor-panel .ak-editor-panel__icon', {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "var(--ds-space-250, 20px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "var(--ds-space-250, 20px)"
-  }));
-};
-/**
- * @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
- * 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
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export var emojiDangerStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, ".danger"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
-  backgroundColor: "var(--ds-background-danger, #FFECEB)"
-})));