@atlaskit/editor-common
Version:
A package that contains common classes and components for editor and renderer
68 lines (64 loc) • 2.78 kB
JavaScript
/* 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
import { css } from '@emotion/react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export var wrapperDefault = css({
background: "var(--ds-background-neutral, #0515240F)",
borderRadius: "var(--ds-radius-small, 3px)",
position: 'relative',
verticalAlign: 'middle',
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&.with-overlay': {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.extension-overlay': {
background: "var(--ds-background-neutral-hovered, #0B120E24)",
color: 'transparent'
},
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'&:hover .extension-overlay': {
opacity: 1
}
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export var overlay = css({
borderRadius: "var(--ds-radius-small, 3px)",
position: 'absolute',
width: '100%',
height: '100%',
opacity: 0,
pointerEvents: 'none',
transition: 'opacity 0.3s',
top: 0,
left: 0
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export var placeholderFallback = css({
display: 'inline-flex',
alignItems: 'center',
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'& > img': {
margin: "0 ".concat("var(--ds-space-050, 4px)")
},
/* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */
/* stylelint-disable-next-line */
label: 'placeholder-fallback'
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export var placeholderFallbackParams = css({
display: 'inline-block',
maxWidth: '200px',
marginLeft: "var(--ds-space-050, 4px)",
color: "var(--ds-text-subtlest, #6B6E76)",
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
overflow: 'hidden'
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export var styledImage = css({
maxHeight: '16px',
maxWidth: '16px',
/* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */
/* stylelint-disable-next-line */
label: 'lozenge-image'
});