@atlaskit/editor-plugin-selection-marker/dist/cjs/ui/global-styles.js

Selection marker plugin for @atlaskit/editor-core.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.GlobalStylesWrapper = void 0;
var _react = require("@emotion/react");
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
/**
 * @jsxRuntime classic
 * @jsx jsx
 */
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports

/**
 * Unset the selection background color as we are using our own
 * Otherwise we might have a mix of grey + our selection marker depending on the state.
 *
 * Edge cases:
 * - We do not apply this reset to input fields or code blocks (ie. expand case) because otherwise
 * selection highlight will not show on those.
 * - We do not apply this reset when the editor is disabled
 */
var globalStyles = (0, _react.css)({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '.ProseMirror:not(:focus):not([contenteditable="false"]) ::selection:not(input, .cm-editor)': {
    background: 'unset'
  }
});
var hideSelectionStyles = (0, _react.css)({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.ProseMirror  *.danger::selection': {
    background: 'transparent'
  }
});
var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWrapper() {
  return (0, _react.jsx)(_react.Global
  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
  , {
    styles: [globalStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && hideSelectionStyles]
  });
};