@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
82 lines (77 loc) • 4.36 kB
JavaScript
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
import { css } from '@emotion/react';
var blockNodesVerticalMargin = '0.75rem';
var scaledBlockNodesVerticalMargin = '0.75em';
// When both platform_editor_content_mode_button_mvp & confluence_compact_text_format are cleaned up,
// simplify the name/ use the other paragraph style name
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export var paragraphStylesWithScaledMargin = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.ProseMirror p': {
// The `editor.font.body` token is used for the UGC typography theme.
// We don't use `editorUGCToken('editor.font.body')` here because we want to build this styles statically.
// See platform/packages/editor/editor-common/src/ugc-tokens/get-editor-ugc-token.tsx
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
font: 'normal 400 1em/1.714 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
marginTop: scaledBlockNodesVerticalMargin,
marginBottom: 0
}
});
// When both platform_editor_content_mode_button_mvp & confluence_compact_text_format are cleaned up,
// simplify the name/ use the other paragraph style name
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export var paragraphStylesOldWithScaledMargin = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.ProseMirror p': {
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
fontSize: '1em',
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
lineHeight: 1.714,
fontWeight: "var(--ds-font-weight-regular, 400)",
marginTop: scaledBlockNodesVerticalMargin,
marginBottom: 0,
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
letterSpacing: '-0.005em'
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export var paragraphStylesUGCRefreshed = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.ProseMirror p': {
// The `editor.font.body` token is used for the UGC typography theme.
// We don't use `editorUGCToken('editor.font.body')` here because we want to build this styles statically.
// See platform/packages/editor/editor-common/src/ugc-tokens/get-editor-ugc-token.tsx
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
font: 'normal 400 1em/1.714 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
marginTop: blockNodesVerticalMargin,
marginBottom: 0
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export var paragraphStylesUGCModernized = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.ProseMirror p': {
// The `editor.font.body` token is used for the UGC typography theme.
// We don't use `editorUGCToken('editor.font.body')` here because we want to build this styles statically.
// See platform/packages/editor/editor-common/src/ugc-tokens/get-editor-ugc-token.tsx
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
font: 'normal 400 1em/1.714 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
marginTop: blockNodesVerticalMargin,
marginBottom: 0
}
});
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export var paragraphStylesOld = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
'.ProseMirror p': {
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
fontSize: '1em',
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
lineHeight: 1.714,
fontWeight: "var(--ds-font-weight-regular, 400)",
marginTop: blockNodesVerticalMargin,
marginBottom: 0,
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
letterSpacing: '-0.005em'
}
});