@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,471 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.scaledEmojiStyles = exports.getScaledDenseEmojiStyles = exports.getDenseEmojiStyles = exports.emojiStyles = exports.emojiSelectionStyles = exports.emojiDangerStyles = exports.directEmojiSelectionStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _emoji = require("@atlaskit/editor-common/emoji");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-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
- */
-var emojiStyles = exports.emojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
-  // 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(_emoji.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(_emoji.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(_emoji.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(_emoji.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(_emoji.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(_emoji.defaultEmojiHeight, "px")
-  }
-}, ".ProseMirror .".concat(_emoji.EmojiSharedCssClassName.EMOJI_CONTAINER), {
-  display: 'inline-block'
-}), ".ProseMirror :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.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(_emoji.defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxHeight: "".concat(_emoji.defaultEmojiHeight, "px"),
-  cursor: 'pointer',
-  verticalAlign: 'middle',
-  userSelect: 'all'
-}), ".ProseMirror .".concat(_emoji.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
-var scaledEmojiStyles = exports.scaledEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
-  // 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(_emoji.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(_emoji.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(_emoji.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(_emoji.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(_emoji.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(_emoji.defaultEmojiHeight, "px")
-  }
-}, ".ProseMirror .".concat(_emoji.EmojiSharedCssClassName.EMOJI_CONTAINER), {
-  display: 'inline-block'
-}), ".ProseMirror :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.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(_emoji.defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  minHeight: "".concat(_emoji.defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  minWidth: "".concat(_emoji.defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxHeight: "".concat(_emoji.scaledEmojiHeightH1, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxWidth: "".concat(_emoji.scaledEmojiHeightH1, "px"),
-  cursor: 'pointer',
-  verticalAlign: 'middle',
-  userSelect: 'all'
-}), ".ProseMirror .".concat(_emoji.EmojiSharedCssClassName.EMOJI_UNICODE), {
-  cursor: 'pointer'
-}), ".ProseMirror h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(_emoji.scaledEmojiHeightH1, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(_emoji.scaledEmojiHeightH1, "px")
-}), ".ProseMirror h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(_emoji.scaledEmojiHeightH2, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(_emoji.scaledEmojiHeightH2, "px")
-}), ".ProseMirror h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(_emoji.scaledEmojiHeightH3, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(_emoji.scaledEmojiHeightH3, "px")
-}), ".ProseMirror h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(_emoji.scaledEmojiHeightH4, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(_emoji.scaledEmojiHeightH4, "px")
-}), ".ProseMirror :is(h5, h6, p) .".concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(_emoji.defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(_emoji.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
-var emojiSelectionStyles = exports.emojiSelectionStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror .".concat(_editorSharedStyles.akEditorSelectedNodeClassName), (0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.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
-var directEmojiSelectionStyles = exports.directEmojiSelectionStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror .".concat(_editorSharedStyles.akEditorSelectedNodeClassName, "[data-emoji-id]"), (0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.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
-var getScaledDenseEmojiStyles = exports.getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFontSize) {
-  var _css5;
-  if (!baseFontSize || baseFontSize === _editorSharedStyles.akEditorFullPageDefaultFontSize) {
-    return (0, _react.css)({});
-  }
-  return (0, _react.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(_emoji.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(_emoji.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(_emoji.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(_emoji.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(_emoji.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(_emoji.defaultDenseEmojiHeight, "px")
-    }
-  }, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css5, ".ProseMirror :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: _emoji.defaultDenseEmojiHeight,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: _emoji.defaultDenseEmojiHeight,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    minHeight: _emoji.defaultDenseEmojiHeight,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    minWidth: _emoji.defaultDenseEmojiHeight,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    maxHeight: "".concat(_emoji.denseEmojiHeightH1, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    maxWidth: "".concat(_emoji.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(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.denseEmojiHeightH1, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.denseEmojiHeightH1, "px")
-  }), ".ProseMirror h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.denseEmojiHeightH2, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.denseEmojiHeightH2, "px")
-  }), ".ProseMirror h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.denseEmojiHeightH3, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.denseEmojiHeightH3, "px")
-  }), ".ProseMirror h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.denseEmojiHeightH4, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.denseEmojiHeightH4, "px")
-  }), ".ProseMirror h1 .".concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.denseEmojiHeightH1, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.denseEmojiHeightH1, "px")
-  }), ".ProseMirror h2 .".concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.denseEmojiHeightH2, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.denseEmojiHeightH2, "px")
-  }), ".ProseMirror h3 .".concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.denseEmojiHeightH3, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.denseEmojiHeightH3, "px")
-  }), ".ProseMirror h4 .".concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.denseEmojiHeightH4, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.denseEmojiHeightH4, "px")
-  }), (0, _defineProperty2.default)(_css5, ".ProseMirror :is(h5, h6, p) .".concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    width: "".concat(_emoji.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
-var getDenseEmojiStyles = exports.getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
-  if (!baseFontSize || baseFontSize === _editorSharedStyles.akEditorFullPageDefaultFontSize) {
-    return (0, _react.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 = _emoji.defaultEmojiHeight * baseFontSize / _editorSharedStyles.akEditorFullPageDefaultFontSize;
-  return (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({
-    // 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(_emoji.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(_emoji.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(_emoji.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(_emoji.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(_emoji.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(_emoji.defaultDenseEmojiHeight, "px")
-    }
-  }, ".ProseMirror :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.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
-var emojiDangerStyles = exports.emojiDangerStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror .".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ".danger"), (0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.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)"
-})));