@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
45 lines (43 loc) • 2.63 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.annotationStyles = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = require("@emotion/react");
var _styles = require("@atlaskit/editor-common/styles");
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
var annotationStyles = exports.annotationStyles = (0, _react.css)({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
'.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles.AnnotationSharedClassNames.blur, ", .").concat(_styles.AnnotationSharedClassNames.focus, ", .").concat(_styles.AnnotationSharedClassNames.draft, ", .").concat(_styles.AnnotationSharedClassNames.hover), {
borderBottom: '2px solid transparent',
cursor: 'pointer',
padding: '1px 0 2px',
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
'&:has(.card), &:has([data-inline-card])': {
padding: '5px 0 3px 0'
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
'&:has(.date-lozenger-container)': {
paddingTop: "var(--ds-space-025, 2px)"
}
}), ".".concat(_styles.AnnotationSharedClassNames.focus), {
background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
}), ".".concat(_styles.AnnotationSharedClassNames.draft), {
background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)",
cursor: 'initial'
}), ".".concat(_styles.AnnotationSharedClassNames.blur), {
background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
borderBottomColor: "var(--ds-border-accent-yellow, #B38600)"
}), ".".concat(_styles.AnnotationSharedClassNames.hover), {
background: "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)",
borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
})
});