@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,337 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _ProseMirror, _css;
-/* 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 { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
-import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
-import { MediaSharedClassNames, richMediaClassName } from '@atlaskit/editor-common/styles';
-import { akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorSelectedBorderBoldSize, akEditorSelectedBoxShadow, akEditorSelectedNodeClassName, akEditorWrappedNodeZIndex } from '@atlaskit/editor-shared-styles';
-import { fileCardImageViewSelector } from '@atlaskit/media-card/card/classnames';
-import { newFileExperienceClassName } from '@atlaskit/media-card/cardConstants';
-import { inlinePlayerClassName } from '@atlaskit/media-card/inlinePlayerWrapperStyles';
-import { dangerBorderStyles } from './selectionStyles';
-var wrappedMediaBreakoutPoint = 410;
-
-/**
- * Reference Heights
- *
- * These heights enforce consistent sizes with media inline nodes due to
- * inconsistencies with center aligned inline nodes and text.
- *
- * There is conversation about refactoring media inline nodes to conform to
- * aligning correctly with the surrounding text.
- *
- * These constants originally came from `headingSizes` from the `theme` package
- * and have been copied here to remove this package.
- */
-var referenceHeights = {
-  p: 24 - 2,
-  h1: 32 + 4,
-  h2: 28 + 3,
-  h3: 24 + 1,
-  h4: 20 + 3,
-  h5: 16 + 4,
-  h6: 16 + 2
-};
-var inlineImageSelector = "> .mediaInlineView-content-wrap > .".concat(INLINE_IMAGE_WRAPPER_CLASS_NAME, ", > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(INLINE_IMAGE_WRAPPER_CLASS_NAME, ", > .").concat(INLINE_IMAGE_WRAPPER_CLASS_NAME, ", > :is(a, span[data-mark-type='border']) .").concat(INLINE_IMAGE_WRAPPER_CLASS_NAME);
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-/**
- * @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 mediaStyles = css((_css = {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (_ProseMirror = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ProseMirror, "li .".concat(richMediaClassName), {
-    margin: 0
-  }), '&.ua-chrome li > .mediaSingleView-content-wrap::before', {
-    content: "''",
-    display: 'block',
-    height: 0
-  }), '&.ua-firefox', {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.mediaSingleView-content-wrap': {
-      userSelect: 'none'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.captionView-content-wrap': {
-      userSelect: 'text'
-    }
-  }), ".mediaSingleView-content-wrap[layout^='wrap-']", {
-    position: 'relative',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-imported-style-values
-    zIndex: akEditorWrappedNodeZIndex,
-    maxWidth: '100%',
-    /* overwrite default Prosemirror setting making it clear: both */
-    clear: 'inherit'
-  }), ".mediaSingleView-content-wrap[layout='center']", {
-    clear: 'both'
-  }), "table .".concat(richMediaClassName), {
-    marginTop: "var(--ds-space-150, 12px)",
-    marginBottom: "var(--ds-space-150, 12px)",
-    clear: 'both',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.image-wrap-left[data-layout], &.image-wrap-right[data-layout]': {
-      clear: 'none',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:first-child': {
-        marginTop: "var(--ds-space-150, 12px)"
-      }
-    }
-  }), ".".concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left"), {
-    clear: 'both'
-  }), ".".concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-right, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-right"), {
-    marginRight: 0,
-    marginLeft: 0
-  }), "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px)"), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "div.mediaSingleView-content-wrap[layout='wrap-left'], div.mediaSingleView-content-wrap[data-layout='wrap-left'], div.mediaSingleView-content-wrap[layout='wrap-right'], div.mediaSingleView-content-wrap[data-layout='wrap-right']": {
-      float: 'none',
-      overflow: 'auto',
-      margin: "var(--ds-space-150, 12px)".concat(" 0")
-    }
-  }), "& [layout='full-width'] .".concat(richMediaClassName, ", & [layout='wide'] .").concat(richMediaClassName), {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    marginLeft: '50%',
-    transform: 'translateX(-50%)'
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ProseMirror, ".media-extended-resize-experience[layout^='wrap-']", {
-    // override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle
-    // to prevent scroll bar
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    overflow: 'visible !important'
-  }), "& [layout^='wrap-'] + [layout^='wrap-']", _defineProperty({
-    clear: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "& + p, & + div[class^='fabric-editor-align'], & + ul, & + ol, & + h1, & + h2, & + h3, & + h4, & + h5, & + h6": {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles,@atlaskit/ui-styling-standard/no-unsafe-values
-      clear: 'both !important'
-    }
-  }, "& .".concat(richMediaClassName), {
-    marginLeft: 0,
-    marginRight: 0
-  })), ".".concat(INLINE_IMAGE_WRAPPER_CLASS_NAME), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights['p'],
-    transform: 'translateY(-2px)'
-  }), "h1", _defineProperty({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h1,
-    transform: "translateY(-3px)"
-  })), "h2", _defineProperty({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h2,
-    transform: "translateY(-3px)"
-  })), "h3", _defineProperty({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h3,
-    transform: "translateY(-2px)"
-  })), "h4", _defineProperty({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h4,
-    transform: "translateY(-2px)"
-  })), "h5", _defineProperty({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h5,
-    transform: "translateY(-2px)"
-  })), "h6", _defineProperty({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h6,
-    transform: "translateY(-2px)"
-  })), ".mediaSingleView-content-wrap[layout='wrap-left']", {
-    float: 'left'
-  }), _defineProperty(_defineProperty(_defineProperty(_ProseMirror, ".mediaSingleView-content-wrap[layout='wrap-right']", {
-    float: 'right'
-  }), ".mediaSingleView-content-wrap[layout='wrap-right'] + .mediaSingleView-content-wrap[layout='wrap-left']", {
-    clear: 'both'
-  }), '& > .mediaSingleView-content-wrap', {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.richMedia-resize-handle-right': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      marginRight: "-".concat(akEditorMediaResizeHandlerPaddingWide, "px")
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.richMedia-resize-handle-left': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      marginLeft: "-".concat(akEditorMediaResizeHandlerPaddingWide, "px")
-    }
-  }))
-}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, ".".concat(MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT), {
-  padding: 0
-}), '.richMedia-resize-handle-right, .richMedia-resize-handle-left', {
-  display: 'flex',
-  flexDirection: 'column',
-  /* vertical align */
-  justifyContent: 'center'
-}), '.richMedia-resize-handle-right', {
-  alignItems: 'flex-end',
-  paddingRight: "var(--ds-space-150, 12px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  marginRight: "-".concat(akEditorMediaResizeHandlerPadding, "px")
-}), '.richMedia-resize-handle-left', {
-  alignItems: 'flex-start',
-  paddingLeft: "var(--ds-space-150, 12px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  marginLeft: "-".concat(akEditorMediaResizeHandlerPadding, "px")
-}), '.richMedia-resize-handle-right::after, .richMedia-resize-handle-left::after', {
-  content: "' '",
-  display: 'flex',
-  width: 3,
-  height: 64,
-  borderRadius: "var(--ds-radius-medium, 6px)"
-}), ".".concat(richMediaClassName, ":hover .richMedia-resize-handle-left::after, .").concat(richMediaClassName, ":hover .richMedia-resize-handle-right::after"), {
-  background: "var(--ds-border, #0B120E24)"
-}), ".".concat(akEditorSelectedNodeClassName, " .richMedia-resize-handle-right::after, .").concat(akEditorSelectedNodeClassName, " .richMedia-resize-handle-left::after, .").concat(richMediaClassName, " .richMedia-resize-handle-right:hover::after, .").concat(richMediaClassName, " .richMedia-resize-handle-left:hover::after, .").concat(richMediaClassName, ".is-resizing .richMedia-resize-handle-right::after, .").concat(richMediaClassName, ".is-resizing .richMedia-resize-handle-left::after"), {
-  background: "var(--ds-border-focused, #4688EC)"
-}), '.__resizable_base__', {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  left: 'unset !important',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  width: 'auto !important',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  height: 'auto !important'
-}), '.danger > div > div > .media-card-frame, .danger > span > a', {
-  backgroundColor: "var(--ds-background-danger, #FFECEB)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0px 0px 0px ".concat(akEditorSelectedBorderBoldSize, "px, ", "var(--ds-border-danger, #E2483D)"),
-  transition: 'background-color 0s, box-shadow 0s'
-}), '.danger', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(richMediaClassName, " .").concat(fileCardImageViewSelector, "::after"), {
-  border: "1px solid ".concat("var(--ds-border-danger, #E2483D)")
-}), ".".concat(richMediaClassName, " .").concat(inlinePlayerClassName, "::after"), {
-  border: "1px solid ".concat("var(--ds-border-danger, #E2483D)")
-}), ".".concat(richMediaClassName, " .").concat(newFileExperienceClassName), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)", " !important")
-}), '.richMedia-resize-handle-right::after, .richMedia-resize-handle-left::after', {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  background: "var(--ds-icon-danger, #C9372C)".concat(" !important")
-}), '.resizer-handle-thumb', {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  background: "var(--ds-icon-danger, #C9372C)".concat(" !important")
-}), 'div div .media-card-frame, .inlineCardView-content-wrap > span > a', {
-  backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
-  transition: "background-color 0s"
-}), 'div div .media-card-frame::after', {
-  boxShadow: 'none'
-})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, '.warning', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(richMediaClassName, " .").concat(fileCardImageViewSelector, "::after"), {
-  border: "1px solid ".concat("var(--ds-border-warning, #E06C00)")
-}), ".".concat(richMediaClassName, " .").concat(inlinePlayerClassName, "::after"), {
-  border: "1px solid ".concat("var(--ds-border-warning, #E06C00)")
-}), ".".concat(richMediaClassName, " .").concat(newFileExperienceClassName), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-warning, #E06C00)", " !important")
-}), '.resizer-handle-thumb', {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  background: "var(--ds-icon-warning, #E06C00)".concat(" !important")
-})), '.media-filmstrip-list-item', {
-  cursor: 'pointer'
-}), ".mediaGroupView-content-wrap.".concat(akEditorSelectedNodeClassName, " #newFileExperienceWrapper"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: akEditorSelectedBoxShadow
-}), '.ak-editor-no-interaction #newFileExperienceWrapper', {
-  boxShadow: 'none'
-})));
-/**
- * @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 mediaDangerStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': _defineProperty(_defineProperty({}, ".mediaInlineView-content-wrap.".concat(akEditorSelectedNodeClassName, ".danger"), _defineProperty(_defineProperty({}, " .".concat(INLINE_IMAGE_WRAPPER_CLASS_NAME), [dangerBorderStyles]), '>span> span[role="button"]', [dangerBorderStyles])), ".mediaGroupView-content-wrap.danger #newFileExperienceWrapper",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  [dangerBorderStyles])
-});
-/**
- * @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 mediaGroupStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.mediaGroupView-content-wrap ul': {
-    padding: 0
-  }
-});
-/**
- * @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 mediaAlignmentStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.fabric-editor-block-mark[class^="fabric-editor-align"]': {
-    // It was `clear: none !important` before, but it was causing typescript errors
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    clear: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.fabric-editor-align-end': {
-    textAlign: 'right'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.fabric-editor-align-start': {
-    textAlign: 'left'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.fabric-editor-align-center': {
-    textAlign: 'center'
-  },
-  // For FullPage only when inside a table
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.fabric-editor--full-width-mode': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.pm-table-container': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.code-block, .extension-container, .multiBodiedExtension--container': {
-        maxWidth: '100%'
-      }
-    }
-  }
-});
-
-/**
- * Styles for VanillaCaptionNodeView — gated behind platform_editor_vanilla_node_views_phase1.
- * Applied in EditorContentContainerEmotion - will be removed as a part of compiled upgrade.
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export var vanillaCaptionStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '[data-media-caption]': {
-      marginTop: "var(--ds-space-100, 8px)",
-      position: 'relative'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.captionView-content-wrap': {
-      textAlign: 'center',
-      color: "var(--ds-text-subtle, #505258)"
-    }
-  }
-});
-
-/**
- * @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 mediaCaptionStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.mediaSingleView-content-wrap': _defineProperty({}, "span#".concat(CAPTION_PLACEHOLDER_ID), {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: 'var(--ak-editor-base-font-size)'
-  })
-});

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

@@ -1,267 +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, keyframes } from '@emotion/react';
-import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
-import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-import { backgroundSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
-
-/* need to specify dark text colour because personal mentions
-(in dark blue) have white text by default */
-var mentionsSelectedColor = css({
-  color: "var(--ds-text-subtle, #505258)"
-});
-var mentionRunShimmer = keyframes({
-  from: {
-    backgroundPosition: '200% 0'
-  },
-  to: {
-    backgroundPosition: '-200% 0'
-  }
-});
-/**
- * @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 mentionsStyles = css(_defineProperty(_defineProperty({}, ".".concat(MentionSharedCssClassName.MENTION_CONTAINER), _defineProperty({}, "&.".concat(akEditorSelectedNodeClassName, " [data-mention-id] > span"), [
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-boxShadowSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-backgroundSelectionStyles, mentionsSelectedColor])), '.danger', _defineProperty(_defineProperty({}, ".".concat(MentionSharedCssClassName.MENTION_CONTAINER, ".").concat(akEditorSelectedNodeClassName), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '> span > span > span': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 ".concat(akEditorSelectedBorderSize, "px ").concat(akEditorDeleteBorder),
-    backgroundColor: "var(--ds-background-danger, #FFECEB)"
-  }
-}), ".".concat(MentionSharedCssClassName.MENTION_CONTAINER, " > span > span > span"), {
-  backgroundColor: "var(--ds-background-neutral, #0515240F)",
-  color: "var(--ds-text-subtle, #505258)"
-})));
-/**
- * @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 mentionNodeStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Scoped to mention node view helpers.
-  '.mentionNodeViewAddZeroWidthSpace': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Add a CSS-escaped zero-width space after the helper.
-    '&::after': {
-      content: "'\\200B'"
-    }
-  },
-  // Show diff: mention attr change highlight. Keep this with mention node styles so the
-  // highlight targets the mention primitive's rounded shape.
-  // 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 -- Ignored via go/DSP-18766
-  '.show-diff-atomic-inline-changed-mention': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.show-diff-atomic-inline-changed-mention.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 -- Ignored via go/DSP-18766
-  '.show-diff-atomic-inline-changed-mention .editor-mention-primitive': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 2px var(--show-diff-atomic-inline-changed-border-color, ".concat("var(--ds-border-accent-purple, #AF59E1)", ")")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.editor-mention-primitive': {
-    display: 'inline',
-    borderRadius: "var(--ds-radius-full, 9999px)",
-    cursor: 'pointer',
-    padding: '1px 0.3em 1px 0.23em',
-    // To match `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx` implementation
-    // we match the line height exactly
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: '1.714',
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    wordBreak: 'break-word',
-    background: "var(--ds-background-neutral, #0515240F)",
-    border: '1px solid transparent',
-    color: "var(--ds-text-subtle, #505258)",
-    '&:hover': {
-      background: "var(--ds-background-neutral-hovered, #0B120E24)"
-    },
-    '&:active': {
-      background: "var(--ds-background-neutral-pressed, #080F214A)"
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
-  '.editor-mention-primitive-with-avatar': {
-    padding: '1px 0.3em 1px 0.23em'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
-  '.editor-mention-avatar': {
-    display: 'inline-flex',
-    // Track the inherited mention text size so avatars remain proportional in headings.
-    width: '1em',
-    height: '1em',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexShrink: 0,
-    marginInlineEnd: "var(--ds-space-050, 4px)",
-    overflow: 'hidden',
-    borderRadius: "var(--ds-radius-full, 9999px)",
-    verticalAlign: '-0.125em'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
-  '.editor-mention-avatar-fallback': {
-    verticalAlign: '0.05em'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
-  '.editor-mention-avatar-agent': {
-    borderRadius: 0,
-    clipPath: 'polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%)'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
-  '.editor-mention-avatar-image': {
-    display: 'block',
-    width: '100%',
-    height: '100%',
-    objectFit: 'cover'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.editor-mention-primitive.mention-restricted': {
-    background: 'transparent',
-    border: "1px solid ".concat("var(--ds-border-bold, #7D818A)"),
-    color: "var(--ds-text, #292A2E)",
-    '&:hover': {
-      background: 'transparent'
-    },
-    '&:active': {
-      background: 'transparent'
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.editor-mention-primitive.mention-self': {
-    background: "var(--ds-background-brand-bold, #1868DB)",
-    border: '1px solid transparent',
-    color: "var(--ds-text-inverse, #FFFFFF)",
-    '&:hover': {
-      background: "var(--ds-background-brand-bold-hovered, #1558BC)"
-    },
-    '&:active': {
-      background: "var(--ds-background-brand-bold-pressed, #144794)"
-    }
-  },
-  // Disabled variant — mirrors `MentionType.DISABLED` in
-  // `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx`.
-  // Hover / active states are intentionally flat: a disabled chip should
-  // not respond to mouse interaction. The chip is still keyboard-focusable
-  // (see `MentionNodeView.setClassList`) so the focus ring is still
-  // allowed to render via `:focus-visible`.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.editor-mention-primitive.mention-disabled': {
-    background: "var(--ds-background-disabled, #0515240F)",
-    border: '1px solid transparent',
-    color: "var(--ds-text-disabled, #080F214A)",
-    cursor: 'default',
-    '&:hover': {
-      background: "var(--ds-background-disabled, #0515240F)"
-    },
-    '&:active': {
-      background: "var(--ds-background-disabled, #0515240F)"
-    }
-  },
-  // Agent mention run-state styles. The 'analysing' state changes the chip/text to a shimmer, other
-  // states will still render the default chip/text.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.agent-mention-analysing-state .editor-mention-primitive': {
-    // Light mode variant
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values
-    backgroundImage: "linear-gradient(90deg, #EBEBEB 35%, ".concat("var(--ds-surface-hovered, #F0F1F2)", " 45%, ", "var(--ds-surface-hovered, #F0F1F2)", " 55%, #EBEBEB 65%)"),
-    backgroundSize: '200% 100%',
-    animationName: mentionRunShimmer,
-    animationDuration: '2.5s',
-    animationIterationCount: 'infinite',
-    animationTimingFunction: 'linear',
-    '@media (prefers-reduced-motion: reduce)': {
-      animation: 'none'
-    },
-    // Dark mode override for the agent mention pill shimmer
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    'html[data-color-mode=dark] &': {
-      backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-surface-pressed, #DDDEE1)", " 35%, ", "var(--ds-surface-raised, #FFFFFF)", " 45%, ", "var(--ds-surface-raised, #FFFFFF)", " 55%, ", "var(--ds-surface-pressed, #DDDEE1)", " 65%)")
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.agent-mention-analysing-state .editor-mention-text': {
-    backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-text, #292A2E)", " 35%, ", "var(--ds-text-subtle, #505258)", " 45%, ", "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)", " 50%, ", "var(--ds-text-subtle, #505258)", " 55%, ", "var(--ds-text, #292A2E)", " 65%)"),
-    backgroundSize: '200% 100%',
-    WebkitBackgroundClip: 'text',
-    backgroundClip: 'text',
-    WebkitTextFillColor: 'transparent',
-    color: 'transparent',
-    animationName: mentionRunShimmer,
-    animationDuration: '2.5s',
-    animationIterationCount: 'infinite',
-    animationTimingFunction: 'linear',
-    '@media (prefers-reduced-motion: reduce)': {
-      animation: 'none'
-    }
-  }
-});
-
-// This is mentions styles for mentions selection styles based on the vanilla node view
-/**
- * @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 mentionsSelectionStyles = css(_defineProperty(_defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.danger': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.editor-mention-primitive': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: "0 0 0 ".concat(akEditorSelectedBorderSize, "px ").concat(akEditorDeleteBorder),
-      backgroundColor: "var(--ds-background-danger, #FFECEB)"
-    }
-  }
-}, ".".concat(akEditorSelectedNodeClassName), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '> .editor-mention-primitive, > .editor-mention-primitive.mention-self, > .editor-mention-primitive.mention-restricted':
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values,
-  [
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  backgroundSelectionStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  hideNativeBrowserTextSelectionStyles, mentionsSelectedColor]
-}), ".".concat(akEditorSelectedNodeClassName, ":not(.search-match-block)"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '> .editor-mention-primitive, > .editor-mention-primitive.mention-self, > .editor-mention-primitive.mention-restricted':
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values,
-  [
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  boxShadowSelectionStyles]
-}));
-/**
- * @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 mentionDangerStyles = css(_defineProperty({}, ".".concat(akEditorSelectedNodeClassName, ":not(.search-match-block).danger"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '> .editor-mention-primitive, > .editor-mention-primitive.mention-self, > .editor-mention-primitive.mention-restricted':
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values,
-  [
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  dangerBorderStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  dangerBackgroundStyles]
-}));

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

@@ -1,14 +0,0 @@
-/* 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';
-/**
- * @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 overflowShadowStyles = css({
-  backgroundImage: "\n\t\tlinear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", "  ", "var(--ds-space-100, 8px)", "\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", "  ", "var(--ds-space-100, 8px)", "\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", "  ", "var(--ds-space-100, 8px)", "\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", "  ", "var(--ds-space-100, 8px)", "\n\t\t)\n\t")
-});