@atlaskit/editor-common
Version:
A package that contains common classes and components for editor and renderer
66 lines (63 loc) • 3.27 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.overlayStyles = exports.mbeExtensionWrapperCSSStyles = void 0;
var _react = require("@emotion/react");
var _styles = require("../Extension/styles");
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
// Wrapper the extension title and extensionContainer
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
var mbeExtensionWrapperCSSStyles = exports.mbeExtensionWrapperCSSStyles = (0, _react.css)(_styles.wrapperDefault, {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-margin-styles': {
marginTop: 0,
marginLeft: "var(--ds-space-negative-150, -12px)",
marginRight: "var(--ds-space-negative-150, -12px)"
},
cursor: 'pointer',
marginTop: "var(--ds-space-250, 20px)",
marginBottom: "var(--ds-space-200, 16px)",
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.extension-title': {
display: 'flex',
alignItems: 'center',
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
lineHeight: '16px !important',
marginBottom: "var(--ds-space-100, 8px)",
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
marginLeft: "var(--ds-space-050, 4px)".concat(" !important"),
marginRight: "var(--ds-space-100, 8px)",
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
paddingTop: "var(--ds-space-100, 8px)".concat(" !important")
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-border': {
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-hover-border': {
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-padding-background-styles': {
padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)"),
background: 'transparent'
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
var overlayStyles = exports.overlayStyles = (0, _react.css)({
borderRadius: "var(--ds-radius-small, 3px)",
position: 'absolute',
width: '100%',
height: '100%',
opacity: 0,
pointerEvents: 'none',
transition: 'opacity 0.3s',
zIndex: 1,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-margin': {
margin: "var(--ds-space-negative-100, -8px)"
}
});