@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
55 lines (52 loc) • 2.74 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.shadowStyles = exports.shadowObserverClassNames = exports.shadowClassNames = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = require("@emotion/react");
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
var shadowClassNames = exports.shadowClassNames = {
RIGHT_SHADOW: 'right-shadow',
LEFT_SHADOW: 'left-shadow'
};
var shadowObserverClassNames = exports.shadowObserverClassNames = {
SENTINEL_LEFT: 'sentinel-left',
SENTINEL_RIGHT: 'sentinel-right',
SHADOW_CONTAINER: 'with-shadow-observer'
};
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
var shadowStyles = exports.shadowStyles = (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)((0, _defineProperty2.default)({}, "& .".concat(shadowClassNames.RIGHT_SHADOW, "::before, .").concat(shadowClassNames.RIGHT_SHADOW, "::after, .").concat(shadowClassNames.LEFT_SHADOW, "::before, .").concat(shadowClassNames.LEFT_SHADOW, "::after"), {
display: 'none',
position: 'absolute',
pointerEvents: 'none',
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
zIndex: 2,
width: 8,
content: "''",
height: 'calc(100%)'
}), "& .".concat(shadowClassNames.RIGHT_SHADOW, ", .").concat(shadowClassNames.LEFT_SHADOW), {
position: 'relative'
}), "& .".concat(shadowClassNames.LEFT_SHADOW, "::before"), {
background: "linear-gradient(to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0px, transparent 1px)"),
top: 0,
left: 0,
display: 'block'
}), "& .".concat(shadowClassNames.RIGHT_SHADOW, "::after"), {
background: "linear-gradient(to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0px, transparent 1px)"),
right: 0,
top: 0,
display: 'block'
}), "& .".concat(shadowObserverClassNames.SENTINEL_LEFT), {
height: '100%',
width: 0,
minWidth: 0
}), "& .".concat(shadowObserverClassNames.SENTINEL_RIGHT), {
height: '100%',
width: 0,
minWidth: 0
})
});