@atlaskit/editor-core 215.3.0 → 215.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/create-editor/ReactEditorView.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +54 -68
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/ReactEditorView.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +18 -16
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/ReactEditorView.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +53 -68
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-universal-preset.d.ts +1 -1
- package/dist/types/presets/universal.d.ts +1 -1
- package/dist/types/presets/useUniversalPreset.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +1 -0
- package/dist/types-ts4.5/presets/universal.d.ts +1 -0
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +1 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 215.3.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`5bdcb96c64433`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5bdcb96c64433) -
|
|
8
|
+
Fix exposure firing for editor no ssr experiment
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 215.3.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`10882b2fab738`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/10882b2fab738) -
|
|
16
|
+
[ux] Introduced bodiedSyncBlock nodeview
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 215.3.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -554,7 +554,7 @@ function ReactEditorView(props) {
|
|
|
554
554
|
};
|
|
555
555
|
}, []);
|
|
556
556
|
var handleEditorViewRef = (0, _react.useCallback)(function (node) {
|
|
557
|
-
if ((0,
|
|
557
|
+
if ((0, _expVal.expVal)('platform_editor_no_ssr', 'isEnabled', false) && (0, _coreUtils.isSSR)()) {
|
|
558
558
|
return;
|
|
559
559
|
}
|
|
560
560
|
if (node) {
|
|
@@ -1,86 +1,72 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.syncBlockStyles = void 0;
|
|
8
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
7
9
|
var _react = require("@emotion/react");
|
|
10
|
+
var _syncBlock = require("@atlaskit/editor-common/sync-block");
|
|
8
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
9
12
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
10
13
|
|
|
11
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
12
|
-
var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)({
|
|
15
|
+
var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
13
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
14
|
-
'.ProseMirror': {
|
|
17
|
+
'.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
18
|
+
position: 'relative',
|
|
19
|
+
cursor: 'pointer',
|
|
20
|
+
/* Danger when top level node */
|
|
15
21
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
16
|
-
'
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
22
|
+
'&.danger': (0, _defineProperty2.default)({
|
|
23
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
25
|
+
backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
|
|
20
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
21
|
-
'
|
|
22
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
27
|
+
'.ak-editor-panel__icon': {
|
|
23
28
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
24
|
-
|
|
25
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
26
|
-
'.ak-editor-panel__icon': {
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
28
|
-
color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
|
|
29
|
-
},
|
|
30
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
31
|
-
'.ak-editor-sync-block__label': {
|
|
32
|
-
color: "var(--ds-icon-danger, #C9372C)",
|
|
33
|
-
backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
37
|
-
marginTop: "var(--ds-space-150, 12px)",
|
|
38
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
39
|
-
marginRight: "-".concat(_editorSharedStyles.akEditorGutterPadding, "px"),
|
|
40
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
41
|
-
marginLeft: "-".concat(_editorSharedStyles.akEditorGutterPadding, "px"),
|
|
42
|
-
marginBottom: 0,
|
|
43
|
-
paddingTop: "var(--ds-space-050, 4px)",
|
|
44
|
-
paddingBottom: "var(--ds-space-050, 4px)",
|
|
45
|
-
color: 'inherit',
|
|
46
|
-
'&:hover': {
|
|
47
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
48
|
-
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
|
|
49
|
-
},
|
|
50
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
51
|
-
'.ak-editor-sync-block__editor': {
|
|
52
|
-
cursor: 'text'
|
|
53
|
-
},
|
|
54
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
55
|
-
'.ak-editor-sync-block__renderer': {
|
|
56
|
-
padding: '0 32px'
|
|
29
|
+
color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
|
|
57
30
|
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
|
|
63
|
-
},
|
|
64
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
65
|
-
'.ak-editor-sync-block.ak-editor-selected-node': {
|
|
66
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
67
|
-
'.ak-editor-sync-block__label': {
|
|
68
|
-
display: 'unset'
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
72
|
-
'.ak-editor-sync-block__label': {
|
|
73
|
-
color: "var(--ds-text-accent-purple, #5E4DB2)",
|
|
31
|
+
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
32
|
+
color: "var(--ds-icon-danger, #C9372C)",
|
|
33
|
+
backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
|
|
34
|
+
}),
|
|
74
35
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
36
|
+
marginTop: "var(--ds-space-150, 12px)",
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
38
|
+
marginRight: "-".concat(_editorSharedStyles.akEditorGutterPadding, "px"),
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
40
|
+
marginLeft: "-".concat(_editorSharedStyles.akEditorGutterPadding, "px"),
|
|
41
|
+
marginBottom: 0,
|
|
80
42
|
paddingTop: "var(--ds-space-050, 4px)",
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}
|
|
43
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
44
|
+
color: 'inherit',
|
|
45
|
+
'&:hover': {
|
|
46
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
47
|
+
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
|
|
48
|
+
}
|
|
49
|
+
}, ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
|
|
50
|
+
padding: '0 32px',
|
|
51
|
+
cursor: 'text'
|
|
52
|
+
}), ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
|
|
53
|
+
padding: '0 32px'
|
|
54
|
+
}))
|
|
55
|
+
}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger), .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger)"), {
|
|
56
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
|
|
57
|
+
}), ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node, .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node"), (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
58
|
+
display: 'unset'
|
|
59
|
+
})), ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
60
|
+
color: "var(--ds-text-accent-purple, #5E4DB2)",
|
|
61
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
62
|
+
position: 'absolute',
|
|
63
|
+
display: 'none',
|
|
64
|
+
paddingLeft: "var(--ds-space-100, 8px)",
|
|
65
|
+
paddingRight: "var(--ds-space-100, 8px)",
|
|
66
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
67
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
68
|
+
// height of label (32px) + space between sync block and label (4px) = 36px
|
|
69
|
+
top: '-36px',
|
|
70
|
+
right: '0px',
|
|
71
|
+
backgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
|
|
72
|
+
}));
|
|
@@ -511,7 +511,7 @@ export function ReactEditorView(props) {
|
|
|
511
511
|
};
|
|
512
512
|
}, []);
|
|
513
513
|
const handleEditorViewRef = useCallback(node => {
|
|
514
|
-
if (
|
|
514
|
+
if (expVal('platform_editor_no_ssr', 'isEnabled', false) && isSSR()) {
|
|
515
515
|
return;
|
|
516
516
|
}
|
|
517
517
|
if (node) {
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
+
import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
3
4
|
import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
|
|
4
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
5
6
|
export const syncBlockStyles = css({
|
|
6
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
7
8
|
'.ProseMirror': {
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
9
|
-
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
10
|
+
[`.${SyncBlockSharedCssClassName.prefix}, .${BodiedSyncBlockSharedCssClassName.prefix}`]: {
|
|
10
11
|
position: 'relative',
|
|
11
12
|
cursor: 'pointer',
|
|
12
13
|
/* Danger when top level node */
|
|
@@ -20,8 +21,8 @@ export const syncBlockStyles = css({
|
|
|
20
21
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
21
22
|
color: `${"var(--ds-icon-danger, #C9372C)"} !important`
|
|
22
23
|
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
24
|
-
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
25
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
25
26
|
color: "var(--ds-icon-danger, #C9372C)",
|
|
26
27
|
backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
|
|
27
28
|
}
|
|
@@ -40,29 +41,30 @@ export const syncBlockStyles = css({
|
|
|
40
41
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
41
42
|
boxShadow: `0px 0px 0px 1px ${"var(--ds-border-accent-purple, #8270DB)"}`
|
|
42
43
|
},
|
|
43
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
44
|
-
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
45
|
+
[`.${BodiedSyncBlockSharedCssClassName.content}`]: {
|
|
46
|
+
padding: '0 32px',
|
|
45
47
|
cursor: 'text'
|
|
46
48
|
},
|
|
47
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
48
|
-
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
50
|
+
[`.${SyncBlockSharedCssClassName.renderer}`]: {
|
|
49
51
|
padding: '0 32px'
|
|
50
52
|
}
|
|
51
53
|
}
|
|
52
54
|
},
|
|
53
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
54
|
-
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
56
|
+
[`.${SyncBlockSharedCssClassName.prefix}.ak-editor-selected-node:not(.danger), .${BodiedSyncBlockSharedCssClassName.prefix}.ak-editor-selected-node:not(.danger)`]: {
|
|
55
57
|
boxShadow: `0 0 0 1px ${"var(--ds-border-accent-purple, #8270DB)"}`
|
|
56
58
|
},
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
58
|
-
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
60
|
-
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
60
|
+
[`.${SyncBlockSharedCssClassName.prefix}.ak-editor-selected-node, .${BodiedSyncBlockSharedCssClassName.prefix}.ak-editor-selected-node`]: {
|
|
61
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
62
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
61
63
|
display: 'unset'
|
|
62
64
|
}
|
|
63
65
|
},
|
|
64
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
65
|
-
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
67
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
66
68
|
color: "var(--ds-text-accent-purple, #5E4DB2)",
|
|
67
69
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
68
70
|
position: 'absolute',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "
|
|
2
|
+
export const version = "215.3.1";
|
|
@@ -544,7 +544,7 @@ export function ReactEditorView(props) {
|
|
|
544
544
|
};
|
|
545
545
|
}, []);
|
|
546
546
|
var handleEditorViewRef = useCallback(function (node) {
|
|
547
|
-
if (
|
|
547
|
+
if (expVal('platform_editor_no_ssr', 'isEnabled', false) && isSSR()) {
|
|
548
548
|
return;
|
|
549
549
|
}
|
|
550
550
|
if (node) {
|
|
@@ -1,79 +1,64 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
1
2
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
2
3
|
import { css } from '@emotion/react';
|
|
4
|
+
import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
3
5
|
import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
|
|
4
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
5
|
-
export var syncBlockStyles = css({
|
|
7
|
+
export var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty({
|
|
6
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
7
|
-
'.ProseMirror': {
|
|
9
|
+
'.ProseMirror': _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty({
|
|
10
|
+
position: 'relative',
|
|
11
|
+
cursor: 'pointer',
|
|
12
|
+
/* Danger when top level node */
|
|
8
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
9
|
-
'
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
14
|
+
'&.danger': _defineProperty({
|
|
15
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
17
|
+
backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
|
|
13
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
14
|
-
'
|
|
15
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
19
|
+
'.ak-editor-panel__icon': {
|
|
16
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
17
|
-
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
19
|
-
'.ak-editor-panel__icon': {
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
21
|
-
color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
|
|
22
|
-
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
24
|
-
'.ak-editor-sync-block__label': {
|
|
25
|
-
color: "var(--ds-icon-danger, #C9372C)",
|
|
26
|
-
backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
30
|
-
marginTop: "var(--ds-space-150, 12px)",
|
|
31
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
32
|
-
marginRight: "-".concat(akEditorGutterPadding, "px"),
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
34
|
-
marginLeft: "-".concat(akEditorGutterPadding, "px"),
|
|
35
|
-
marginBottom: 0,
|
|
36
|
-
paddingTop: "var(--ds-space-050, 4px)",
|
|
37
|
-
paddingBottom: "var(--ds-space-050, 4px)",
|
|
38
|
-
color: 'inherit',
|
|
39
|
-
'&:hover': {
|
|
40
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
41
|
-
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
|
|
42
|
-
},
|
|
43
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
44
|
-
'.ak-editor-sync-block__editor': {
|
|
45
|
-
cursor: 'text'
|
|
46
|
-
},
|
|
47
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
48
|
-
'.ak-editor-sync-block__renderer': {
|
|
49
|
-
padding: '0 32px'
|
|
21
|
+
color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
|
|
50
22
|
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
|
|
56
|
-
},
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
58
|
-
'.ak-editor-sync-block.ak-editor-selected-node': {
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
60
|
-
'.ak-editor-sync-block__label': {
|
|
61
|
-
display: 'unset'
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
65
|
-
'.ak-editor-sync-block__label': {
|
|
66
|
-
color: "var(--ds-text-accent-purple, #5E4DB2)",
|
|
23
|
+
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
24
|
+
color: "var(--ds-icon-danger, #C9372C)",
|
|
25
|
+
backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
|
|
26
|
+
}),
|
|
67
27
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
28
|
+
marginTop: "var(--ds-space-150, 12px)",
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
30
|
+
marginRight: "-".concat(akEditorGutterPadding, "px"),
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
32
|
+
marginLeft: "-".concat(akEditorGutterPadding, "px"),
|
|
33
|
+
marginBottom: 0,
|
|
73
34
|
paddingTop: "var(--ds-space-050, 4px)",
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
35
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
36
|
+
color: 'inherit',
|
|
37
|
+
'&:hover': {
|
|
38
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
39
|
+
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
|
|
40
|
+
}
|
|
41
|
+
}, ".".concat(BodiedSyncBlockSharedCssClassName.content), {
|
|
42
|
+
padding: '0 32px',
|
|
43
|
+
cursor: 'text'
|
|
44
|
+
}), ".".concat(SyncBlockSharedCssClassName.renderer), {
|
|
45
|
+
padding: '0 32px'
|
|
46
|
+
}))
|
|
47
|
+
}, ".".concat(SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger), .").concat(BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger)"), {
|
|
48
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)")
|
|
49
|
+
}), ".".concat(SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node, .").concat(BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node"), _defineProperty({}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
50
|
+
display: 'unset'
|
|
51
|
+
})), ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
52
|
+
color: "var(--ds-text-accent-purple, #5E4DB2)",
|
|
53
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
54
|
+
position: 'absolute',
|
|
55
|
+
display: 'none',
|
|
56
|
+
paddingLeft: "var(--ds-space-100, 8px)",
|
|
57
|
+
paddingRight: "var(--ds-space-100, 8px)",
|
|
58
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
59
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
60
|
+
// height of label (32px) + space between sync block and label (4px) = 36px
|
|
61
|
+
top: '-36px',
|
|
62
|
+
right: '0px',
|
|
63
|
+
backgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
|
|
64
|
+
}));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "
|
|
2
|
+
export var version = "215.3.1";
|
|
@@ -52,7 +52,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
52
52
|
commands: {
|
|
53
53
|
insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
|
|
54
54
|
};
|
|
55
|
-
dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
|
|
55
|
+
dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
|
|
56
56
|
pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
|
|
57
57
|
}, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
|
|
58
58
|
actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
|
|
@@ -113,7 +113,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
113
113
|
commands: {
|
|
114
114
|
insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
|
|
115
115
|
};
|
|
116
|
-
dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
|
|
116
|
+
dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
|
|
117
117
|
pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
|
|
118
118
|
}, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
|
|
119
119
|
actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
|
|
@@ -52,7 +52,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
52
52
|
commands: {
|
|
53
53
|
insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
|
|
54
54
|
};
|
|
55
|
-
dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
|
|
55
|
+
dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
|
|
56
56
|
pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
|
|
57
57
|
}, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
|
|
58
58
|
actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
|
|
@@ -153,6 +153,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
153
153
|
import("@atlaskit/editor-plugins/selection").SelectionPlugin,
|
|
154
154
|
import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin,
|
|
155
155
|
import("@atlaskit/editor-plugins/decorations").DecorationsPlugin,
|
|
156
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
|
|
156
157
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
|
|
157
158
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
|
|
158
159
|
];
|
|
@@ -214,6 +214,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
214
214
|
import("@atlaskit/editor-plugins/selection").SelectionPlugin,
|
|
215
215
|
import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin,
|
|
216
216
|
import("@atlaskit/editor-plugins/decorations").DecorationsPlugin,
|
|
217
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
|
|
217
218
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
|
|
218
219
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
|
|
219
220
|
];
|
|
@@ -153,6 +153,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
153
153
|
import("@atlaskit/editor-plugins/selection").SelectionPlugin,
|
|
154
154
|
import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin,
|
|
155
155
|
import("@atlaskit/editor-plugins/decorations").DecorationsPlugin,
|
|
156
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
|
|
156
157
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
|
|
157
158
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
|
|
158
159
|
];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "215.3.
|
|
3
|
+
"version": "215.3.2",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@atlaskit/editor-plugin-user-preferences": "^4.0.0",
|
|
53
53
|
"@atlaskit/editor-plugins": "^11.0.0",
|
|
54
54
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
55
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
55
|
+
"@atlaskit/editor-shared-styles": "^3.8.0",
|
|
56
56
|
"@atlaskit/editor-toolbar": "^0.15.0",
|
|
57
57
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
58
58
|
"@atlaskit/emoji": "^69.6.0",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"@atlaskit/task-decision": "^19.2.0",
|
|
67
67
|
"@atlaskit/tmp-editor-statsig": "^13.13.0",
|
|
68
68
|
"@atlaskit/tokens": "^7.0.0",
|
|
69
|
-
"@atlaskit/tooltip": "^20.
|
|
69
|
+
"@atlaskit/tooltip": "^20.6.0",
|
|
70
70
|
"@atlaskit/width-detector": "^5.0.0",
|
|
71
71
|
"@babel/runtime": "^7.0.0",
|
|
72
72
|
"@emotion/react": "^11.7.1",
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
"@atlaskit/primitives": "^16.0.0",
|
|
108
108
|
"@atlaskit/renderer": "^124.7.0",
|
|
109
109
|
"@atlaskit/section-message": "^8.7.0",
|
|
110
|
-
"@atlaskit/smart-card": "^43.
|
|
110
|
+
"@atlaskit/smart-card": "^43.2.0",
|
|
111
111
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
112
112
|
"@atlaskit/toggle": "^15.1.0",
|
|
113
113
|
"@atlaskit/util-data-test": "^18.3.0",
|