@atlaskit/editor-core 215.3.0 → 215.3.1

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +54 -68
  3. package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +18 -16
  4. package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +53 -68
  5. package/dist/types/create-editor/create-universal-preset.d.ts +1 -1
  6. package/dist/types/presets/universal.d.ts +1 -1
  7. package/dist/types/presets/useUniversalPreset.d.ts +1 -1
  8. package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +1 -0
  9. package/dist/types-ts4.5/presets/universal.d.ts +1 -0
  10. package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +1 -0
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 215.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`10882b2fab738`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/10882b2fab738) -
8
+ [ux] Introduced bodiedSyncBlock nodeview
9
+ - Updated dependencies
10
+
3
11
  ## 215.3.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js CHANGED
@@ -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
- '.ak-editor-sync-block': {
17
- position: 'relative',
18
- cursor: 'pointer',
19
- /* Danger when top level node */
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
- '&.danger': {
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
- backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
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
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
61
- '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
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
- position: 'absolute',
76
- display: 'none',
77
- paddingLeft: "var(--ds-space-100, 8px)",
78
- paddingRight: "var(--ds-space-100, 8px)",
79
- paddingBottom: "var(--ds-space-050, 4px)",
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
- // height of label (32px) + space between sync block and label (4px) = 36px
82
- top: '-36px',
83
- right: '0px',
84
- backgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
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
+ }));
package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js CHANGED
@@ -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
- '.ak-editor-sync-block': {
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
- '.ak-editor-sync-block__label': {
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
- '.ak-editor-sync-block__editor': {
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
- '.ak-editor-sync-block__renderer': {
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
- '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
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
- '.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': {
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
- '.ak-editor-sync-block__label': {
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',
package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js CHANGED
@@ -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
- '.ak-editor-sync-block': {
10
- position: 'relative',
11
- cursor: 'pointer',
12
- /* Danger when top level node */
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
- '&.danger': {
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
- backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
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
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
54
- '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
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
- position: 'absolute',
69
- display: 'none',
70
- paddingLeft: "var(--ds-space-100, 8px)",
71
- paddingRight: "var(--ds-space-100, 8px)",
72
- paddingBottom: "var(--ds-space-050, 4px)",
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
- // height of label (32px) + space between sync block and label (4px) = 36px
75
- top: '-36px',
76
- right: '0px',
77
- backgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
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
+ }));
package/dist/types/create-editor/create-universal-preset.d.ts CHANGED
@@ -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;
package/dist/types/presets/universal.d.ts CHANGED
@@ -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;
package/dist/types/presets/useUniversalPreset.d.ts CHANGED
@@ -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;
package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts CHANGED
@@ -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
  ];
package/dist/types-ts4.5/presets/universal.d.ts CHANGED
@@ -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
  ];
package/dist/types-ts4.5/presets/useUniversalPreset.d.ts CHANGED
@@ -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.0",
3
+ "version": "215.3.1",
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.7.0",
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.5.0",
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.1.0",
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",