@atlaskit/editor-core 233.0.2 → 234.0.0

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

@@ -1,343 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.vanillaCaptionStyles = exports.mediaStyles = exports.mediaGroupStyles = exports.mediaDangerStyles = exports.mediaCaptionStyles = exports.mediaAlignmentStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _mediaInline = require("@atlaskit/editor-common/media-inline");
-var _mediaSingle = require("@atlaskit/editor-common/media-single");
-var _styles = require("@atlaskit/editor-common/styles");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _classnames = require("@atlaskit/media-card/card/classnames");
-var _cardConstants = require("@atlaskit/media-card/cardConstants");
-var _inlinePlayerWrapperStyles = require("@atlaskit/media-card/inlinePlayerWrapperStyles");
-var _selectionStyles = require("./selectionStyles");
-var _ProseMirror, _css;
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-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(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ", > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ", > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ", > :is(a, span[data-mark-type='border']) .").concat(_mediaInline.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
- */
-var mediaStyles = exports.mediaStyles = (0, _react.css)((_css = {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (_ProseMirror = {}, (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)(_ProseMirror, "li .".concat(_styles.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: _editorSharedStyles.akEditorWrappedNodeZIndex,
-    maxWidth: '100%',
-    /* overwrite default Prosemirror setting making it clear: both */
-    clear: 'inherit'
-  }), ".mediaSingleView-content-wrap[layout='center']", {
-    clear: 'both'
-  }), "table .".concat(_styles.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(_styles.richMediaClassName, ".image-wrap-right + .").concat(_styles.richMediaClassName, ".image-wrap-left"), {
-    clear: 'both'
-  }), ".".concat(_styles.richMediaClassName, ".image-wrap-left + .").concat(_styles.richMediaClassName, ".image-wrap-right, .").concat(_styles.richMediaClassName, ".image-wrap-right + .").concat(_styles.richMediaClassName, ".image-wrap-left, .").concat(_styles.richMediaClassName, ".image-wrap-left + .").concat(_styles.richMediaClassName, ".image-wrap-left, .").concat(_styles.richMediaClassName, ".image-wrap-right + .").concat(_styles.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(_styles.richMediaClassName, ", & [layout='wide'] .").concat(_styles.richMediaClassName), {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    marginLeft: '50%',
-    transform: 'translateX(-50%)'
-  }), (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)(_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-']", (0, _defineProperty2.default)({
-    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(_styles.richMediaClassName), {
-    marginLeft: 0,
-    marginRight: 0
-  })), ".".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights['p'],
-    transform: 'translateY(-2px)'
-  }), "h1", (0, _defineProperty2.default)({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h1,
-    transform: "translateY(-3px)"
-  })), "h2", (0, _defineProperty2.default)({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h2,
-    transform: "translateY(-3px)"
-  })), "h3", (0, _defineProperty2.default)({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h3,
-    transform: "translateY(-2px)"
-  })), "h4", (0, _defineProperty2.default)({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h4,
-    transform: "translateY(-2px)"
-  })), "h5", (0, _defineProperty2.default)({}, inlineImageSelector, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    height: referenceHeights.h5,
-    transform: "translateY(-2px)"
-  })), "h6", (0, _defineProperty2.default)({}, 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'
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_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(_editorSharedStyles.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(_editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, "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)(_css, ".".concat(_styles.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(_editorSharedStyles.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(_editorSharedStyles.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(_styles.richMediaClassName, ":hover .richMedia-resize-handle-left::after, .").concat(_styles.richMediaClassName, ":hover .richMedia-resize-handle-right::after"), {
-  background: "var(--ds-border, #0B120E24)"
-}), ".".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .richMedia-resize-handle-right::after, .").concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .richMedia-resize-handle-left::after, .").concat(_styles.richMediaClassName, " .richMedia-resize-handle-right:hover::after, .").concat(_styles.richMediaClassName, " .richMedia-resize-handle-left:hover::after, .").concat(_styles.richMediaClassName, ".is-resizing .richMedia-resize-handle-right::after, .").concat(_styles.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(_editorSharedStyles.akEditorSelectedBorderBoldSize, "px, ", "var(--ds-border-danger, #E2483D)"),
-  transition: 'background-color 0s, box-shadow 0s'
-}), '.danger', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles.richMediaClassName, " .").concat(_classnames.fileCardImageViewSelector, "::after"), {
-  border: "1px solid ".concat("var(--ds-border-danger, #E2483D)")
-}), ".".concat(_styles.richMediaClassName, " .").concat(_inlinePlayerWrapperStyles.inlinePlayerClassName, "::after"), {
-  border: "1px solid ".concat("var(--ds-border-danger, #E2483D)")
-}), ".".concat(_styles.richMediaClassName, " .").concat(_cardConstants.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'
-})), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css, '.warning', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles.richMediaClassName, " .").concat(_classnames.fileCardImageViewSelector, "::after"), {
-  border: "1px solid ".concat("var(--ds-border-warning, #E06C00)")
-}), ".".concat(_styles.richMediaClassName, " .").concat(_inlinePlayerWrapperStyles.inlinePlayerClassName, "::after"), {
-  border: "1px solid ".concat("var(--ds-border-warning, #E06C00)")
-}), ".".concat(_styles.richMediaClassName, " .").concat(_cardConstants.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(_editorSharedStyles.akEditorSelectedNodeClassName, " #newFileExperienceWrapper"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: _editorSharedStyles.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
-var mediaDangerStyles = exports.mediaDangerStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".mediaInlineView-content-wrap.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ".danger"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, " .".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), [_selectionStyles.dangerBorderStyles]), '>span> span[role="button"]', [_selectionStyles.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
-  [_selectionStyles.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
-var mediaGroupStyles = exports.mediaGroupStyles = (0, _react.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
-var mediaAlignmentStyles = exports.mediaAlignmentStyles = (0, _react.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
-var vanillaCaptionStyles = exports.vanillaCaptionStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '[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
-var mediaCaptionStyles = exports.mediaCaptionStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.mediaSingleView-content-wrap': (0, _defineProperty2.default)({}, "span#".concat(_mediaSingle.CAPTION_PLACEHOLDER_ID), {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: 'var(--ak-editor-base-font-size)'
-  })
-});

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

@@ -1,273 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mentionsStyles = exports.mentionsSelectionStyles = exports.mentionNodeStyles = exports.mentionDangerStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _mention = require("@atlaskit/editor-common/mention");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _selectionStyles = require("./selectionStyles");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/* need to specify dark text colour because personal mentions
-(in dark blue) have white text by default */
-var mentionsSelectedColor = (0, _react.css)({
-  color: "var(--ds-text-subtle, #505258)"
-});
-var mentionRunShimmer = (0, _react.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
- */
-var mentionsStyles = exports.mentionsStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_mention.MentionSharedCssClassName.MENTION_CONTAINER), (0, _defineProperty2.default)({}, "&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " [data-mention-id] > span"), [
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-_selectionStyles.boxShadowSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-_selectionStyles.backgroundSelectionStyles, mentionsSelectedColor])), '.danger', (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_mention.MentionSharedCssClassName.MENTION_CONTAINER, ".").concat(_editorSharedStyles.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(_editorSharedStyles.akEditorSelectedBorderSize, "px ").concat(_editorSharedStyles.akEditorDeleteBorder),
-    backgroundColor: "var(--ds-background-danger, #FFECEB)"
-  }
-}), ".".concat(_mention.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
-var mentionNodeStyles = exports.mentionNodeStyles = (0, _react.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
-var mentionsSelectionStyles = exports.mentionsSelectionStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({
-  // 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(_editorSharedStyles.akEditorSelectedBorderSize, "px ").concat(_editorSharedStyles.akEditorDeleteBorder),
-      backgroundColor: "var(--ds-background-danger, #FFECEB)"
-    }
-  }
-}, ".".concat(_editorSharedStyles.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
-  _selectionStyles.backgroundSelectionStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  _selectionStyles.hideNativeBrowserTextSelectionStyles, mentionsSelectedColor]
-}), ".".concat(_editorSharedStyles.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
-  _selectionStyles.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
-var mentionDangerStyles = exports.mentionDangerStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_editorSharedStyles.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
-  _selectionStyles.dangerBorderStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  _selectionStyles.dangerBackgroundStyles]
-}));

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

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.overflowShadowStyles = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/**
- * @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 overflowShadowStyles = exports.overflowShadowStyles = (0, _react.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")
-});