@atlaskit/editor-plugin-media/dist/cjs/ui/ResizableMediaSingle/styles.js

Media plugin for @atlaskit/editor-core

"use strict";

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

var NOTIFICATION_SIZE = 8;
var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNotificationStyle = (0, _react.css)({
  position: 'absolute',
  top: SPACE_FROM_EDGE,
  right: "calc(".concat("var(--ds-space-150, 12px)", " + ", SPACE_FROM_EDGE, ")"),
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
  backgroundColor: "var(--ds-background-warning-bold, #FBC828)",
  borderRadius: "var(--ds-radius-full, 50%)",
  width: "".concat(NOTIFICATION_SIZE, "px"),
  height: "".concat(NOTIFICATION_SIZE, "px"),
  pointerEvents: 'none'
});