@atlaskit/editor-common/dist/cjs/styles/shared/background-color.js

A package that contains common classes and components for editor and renderer

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.backgroundColorStyles = void 0;
var _react = require("@emotion/react");
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
var backgroundColorStyles = exports.backgroundColorStyles = function backgroundColorStyles() {
  return (0, _react.css)({
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
    '.fabric-background-color-mark': {
      backgroundColor: 'var(--custom-palette-color, inherit)',
      borderRadius: '2px',
      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
      paddingTop: '1px',
      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
      paddingBottom: '2px',
      boxDecorationBreak: 'clone'
    },
    // Don't show text highlight styling when there is a hyperlink
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
    'a .fabric-background-color-mark': {
      backgroundColor: 'unset'
    },
    // Don't show text highlight styling when there is an inline comment
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
    '.fabric-background-color-mark .ak-editor-annotation': {
      backgroundColor: 'unset'
    }
  });
};