@atlaskit/editor-core 215.23.1 → 215.23.3
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 +18 -0
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +24 -40
- package/dist/cjs/ui/ToolbarHelp/index.js +2 -2
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +22 -38
- package/dist/es2019/ui/ToolbarHelp/index.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +24 -40
- package/dist/esm/ui/ToolbarHelp/index.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +2 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 215.23.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`90abe9b926a6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90abe9b926a6f) -
|
|
8
|
+
Icon entrypoint migration
|
|
9
|
+
- [`9391799e9bdf4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9391799e9bdf4) -
|
|
10
|
+
Clean up platform_editor_elements_dnd_select_node_on_drag
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 215.23.2
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`50cf7cca6bb76`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/50cf7cca6bb76) -
|
|
18
|
+
[ux] EDITOR-3896 update sync block border styles
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 215.23.1
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -18,52 +18,43 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
|
|
|
18
18
|
cursor: 'pointer',
|
|
19
19
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
20
20
|
marginTop: "var(--ds-space-150, 12px)",
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
22
21
|
marginRight: "-18px",
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
24
22
|
marginLeft: "-18px",
|
|
25
23
|
marginBottom: 0,
|
|
26
|
-
paddingTop: "var(--ds-space-
|
|
24
|
+
paddingTop: "var(--ds-space-075, 6px)",
|
|
27
25
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
28
26
|
color: 'inherit',
|
|
29
27
|
/* Hover state */
|
|
30
28
|
'&:hover': (0, _defineProperty2.default)({
|
|
31
29
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
32
|
-
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, #0B120E24)")
|
|
30
|
+
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, #0B120E24)"),
|
|
31
|
+
transition: 'box-shadow 200ms ease-in'
|
|
33
32
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
34
33
|
opacity: 1,
|
|
35
|
-
visibility: 'visible'
|
|
34
|
+
visibility: 'visible',
|
|
35
|
+
transition: 'opacity 200ms ease-in, visibility 200ms ease-in'
|
|
36
36
|
})
|
|
37
37
|
}, "&.".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.selectionInside), (0, _defineProperty2.default)({
|
|
38
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border
|
|
38
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
39
39
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
40
40
|
opacity: 1,
|
|
41
41
|
visibility: 'visible'
|
|
42
42
|
})), '&.ak-editor-selected-node', (0, _defineProperty2.default)({
|
|
43
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)")
|
|
44
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)"
|
|
43
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)")
|
|
45
44
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
46
45
|
opacity: 1,
|
|
47
46
|
visibility: 'visible',
|
|
48
47
|
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
49
|
-
'
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
border: "1px solid ".concat("var(--ds-border-focused, #4688EC)"),
|
|
57
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
58
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
59
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
60
|
-
pointerEvents: 'none',
|
|
61
|
-
zIndex: -1
|
|
48
|
+
top: '-14px',
|
|
49
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
50
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
52
|
+
'> span': {
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
54
|
+
color: "var(--ds-text-selected, #1868DB)".concat(" !important")
|
|
62
55
|
}
|
|
63
56
|
})), '&.danger', (0, _defineProperty2.default)({
|
|
64
57
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
65
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
66
|
-
backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
|
|
67
58
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
68
59
|
'.ak-editor-panel__icon': {
|
|
69
60
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
@@ -71,19 +62,13 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
|
|
|
71
62
|
}
|
|
72
63
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
73
64
|
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
74
|
-
'
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
border: "1px solid ".concat("var(--ds-border-danger, #E2483D)"),
|
|
82
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
83
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
84
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
85
|
-
pointerEvents: 'none',
|
|
86
|
-
zIndex: -1
|
|
65
|
+
top: '-14px',
|
|
66
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
67
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
69
|
+
'> span': {
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
71
|
+
color: "var(--ds-text-danger, #AE2E24)".concat(" !important")
|
|
87
72
|
}
|
|
88
73
|
})), "&.".concat(_syncBlock.SyncBlockStateCssClassName.disabledClassName), (0, _defineProperty2.default)({
|
|
89
74
|
backgroundColor: "var(--ds-background-disabled, #17171708)",
|
|
@@ -122,7 +107,6 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
|
|
|
122
107
|
padding: '0 18px'
|
|
123
108
|
}))
|
|
124
109
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
125
|
-
color: "var(--ds-text-subtle, #505258)",
|
|
126
110
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
127
111
|
position: 'absolute',
|
|
128
112
|
gap: "var(--ds-space-050, 4px)",
|
|
@@ -131,11 +115,11 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
|
|
|
131
115
|
display: 'flex',
|
|
132
116
|
opacity: 0,
|
|
133
117
|
visibility: 'hidden',
|
|
118
|
+
boxShadow: 'none',
|
|
119
|
+
zIndex: 1,
|
|
134
120
|
paddingLeft: "var(--ds-space-100, 8px)",
|
|
135
121
|
paddingRight: "var(--ds-space-100, 8px)",
|
|
136
|
-
|
|
137
|
-
paddingTop: "var(--ds-space-050, 4px)",
|
|
138
|
-
top: "var(--ds-space-negative-200, -16px)",
|
|
122
|
+
top: '-10px',
|
|
139
123
|
right: "var(--ds-space-150, 12px)",
|
|
140
124
|
backgroundColor: "var(--ds-surface, #FFFFFF)",
|
|
141
125
|
maxWidth: '140px'
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntlNext = require("react-intl-next");
|
|
10
10
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
11
|
-
var
|
|
11
|
+
var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/question-circle"));
|
|
12
12
|
var _EditorContext = require("../EditorContext");
|
|
13
13
|
var _messages = require("./messages");
|
|
14
14
|
// Please, do not copy or use this kind of code below
|
|
@@ -59,7 +59,7 @@ var TooltipHelpTrigger = function TooltipHelpTrigger(_ref) {
|
|
|
59
59
|
onClick: showHelp,
|
|
60
60
|
title: displayTitle,
|
|
61
61
|
titlePosition: titlePosition,
|
|
62
|
-
iconBefore: /*#__PURE__*/_react.default.createElement(
|
|
62
|
+
iconBefore: /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
|
|
63
63
|
label: displayTitle
|
|
64
64
|
})
|
|
65
65
|
});
|
|
@@ -11,28 +11,28 @@ export const syncBlockStyles = css({
|
|
|
11
11
|
cursor: 'pointer',
|
|
12
12
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
marginTop: "var(--ds-space-150, 12px)",
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
15
14
|
marginRight: `-18px`,
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
17
15
|
marginLeft: `-18px`,
|
|
18
16
|
marginBottom: 0,
|
|
19
|
-
paddingTop: "var(--ds-space-
|
|
17
|
+
paddingTop: "var(--ds-space-075, 6px)",
|
|
20
18
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
21
19
|
color: 'inherit',
|
|
22
20
|
/* Hover state */
|
|
23
21
|
'&:hover': {
|
|
24
22
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
25
23
|
boxShadow: `0px 0px 0px 1px ${"var(--ds-border, #0B120E24)"}`,
|
|
24
|
+
transition: 'box-shadow 200ms ease-in',
|
|
26
25
|
// 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
|
|
27
26
|
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
28
27
|
opacity: 1,
|
|
29
|
-
visibility: 'visible'
|
|
28
|
+
visibility: 'visible',
|
|
29
|
+
transition: 'opacity 200ms ease-in, visibility 200ms ease-in'
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
/* Selection state when cursor inside sync block */
|
|
33
33
|
// 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
|
|
34
34
|
[`&.${BodiedSyncBlockSharedCssClassName.selectionInside}`]: {
|
|
35
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border
|
|
35
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`,
|
|
36
36
|
// 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
|
|
37
37
|
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
38
38
|
opacity: 1,
|
|
@@ -43,25 +43,18 @@ export const syncBlockStyles = css({
|
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
44
44
|
'&.ak-editor-selected-node': {
|
|
45
45
|
boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
|
|
46
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
47
46
|
// 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
|
|
48
47
|
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
49
48
|
opacity: 1,
|
|
50
49
|
visibility: 'visible',
|
|
51
50
|
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
52
|
-
'
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
border: `1px solid ${"var(--ds-border-focused, #4688EC)"}`,
|
|
60
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
61
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
62
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
63
|
-
pointerEvents: 'none',
|
|
64
|
-
zIndex: -1
|
|
51
|
+
top: '-14px',
|
|
52
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
53
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
55
|
+
'> span': {
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
57
|
+
color: `${"var(--ds-text-selected, #1868DB)"} !important`
|
|
65
58
|
}
|
|
66
59
|
}
|
|
67
60
|
},
|
|
@@ -69,8 +62,6 @@ export const syncBlockStyles = css({
|
|
|
69
62
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
70
63
|
'&.danger': {
|
|
71
64
|
boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
|
|
72
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
73
|
-
backgroundColor: `${"var(--ds-background-danger, #FFECEB)"} !important`,
|
|
74
65
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
75
66
|
'.ak-editor-panel__icon': {
|
|
76
67
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
@@ -79,19 +70,13 @@ export const syncBlockStyles = css({
|
|
|
79
70
|
// 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
|
|
80
71
|
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
81
72
|
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
82
|
-
'
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
border: `1px solid ${"var(--ds-border-danger, #E2483D)"}`,
|
|
90
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
91
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
92
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
93
|
-
pointerEvents: 'none',
|
|
94
|
-
zIndex: -1
|
|
73
|
+
top: '-14px',
|
|
74
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
75
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
76
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
77
|
+
'> span': {
|
|
78
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
79
|
+
color: `${"var(--ds-text-danger, #AE2E24)"} !important`
|
|
95
80
|
}
|
|
96
81
|
}
|
|
97
82
|
},
|
|
@@ -158,7 +143,6 @@ export const syncBlockStyles = css({
|
|
|
158
143
|
},
|
|
159
144
|
// 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
|
|
160
145
|
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
161
|
-
color: "var(--ds-text-subtle, #505258)",
|
|
162
146
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
163
147
|
position: 'absolute',
|
|
164
148
|
gap: "var(--ds-space-050, 4px)",
|
|
@@ -167,11 +151,11 @@ export const syncBlockStyles = css({
|
|
|
167
151
|
display: 'flex',
|
|
168
152
|
opacity: 0,
|
|
169
153
|
visibility: 'hidden',
|
|
154
|
+
boxShadow: 'none',
|
|
155
|
+
zIndex: 1,
|
|
170
156
|
paddingLeft: "var(--ds-space-100, 8px)",
|
|
171
157
|
paddingRight: "var(--ds-space-100, 8px)",
|
|
172
|
-
|
|
173
|
-
paddingTop: "var(--ds-space-050, 4px)",
|
|
174
|
-
top: "var(--ds-space-negative-200, -16px)",
|
|
158
|
+
top: '-10px',
|
|
175
159
|
right: "var(--ds-space-150, 12px)",
|
|
176
160
|
backgroundColor: "var(--ds-surface, #FFFFFF)",
|
|
177
161
|
maxWidth: '140px'
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { injectIntl } from 'react-intl-next';
|
|
3
3
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
4
|
-
import QuestionIcon from '@atlaskit/icon/core/
|
|
4
|
+
import QuestionIcon from '@atlaskit/icon/core/question-circle';
|
|
5
5
|
import { useEditorContext } from '../EditorContext';
|
|
6
6
|
import { messages } from './messages';
|
|
7
7
|
// Please, do not copy or use this kind of code below
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "215.23.
|
|
2
|
+
export const version = "215.23.2";
|
|
@@ -10,52 +10,43 @@ export var syncBlockStyles = css(_defineProperty({
|
|
|
10
10
|
cursor: 'pointer',
|
|
11
11
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
12
12
|
marginTop: "var(--ds-space-150, 12px)",
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
14
13
|
marginRight: "-18px",
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
16
14
|
marginLeft: "-18px",
|
|
17
15
|
marginBottom: 0,
|
|
18
|
-
paddingTop: "var(--ds-space-
|
|
16
|
+
paddingTop: "var(--ds-space-075, 6px)",
|
|
19
17
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
20
18
|
color: 'inherit',
|
|
21
19
|
/* Hover state */
|
|
22
20
|
'&:hover': _defineProperty({
|
|
23
21
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
24
|
-
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, #0B120E24)")
|
|
22
|
+
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, #0B120E24)"),
|
|
23
|
+
transition: 'box-shadow 200ms ease-in'
|
|
25
24
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
26
25
|
opacity: 1,
|
|
27
|
-
visibility: 'visible'
|
|
26
|
+
visibility: 'visible',
|
|
27
|
+
transition: 'opacity 200ms ease-in, visibility 200ms ease-in'
|
|
28
28
|
})
|
|
29
29
|
}, "&.".concat(BodiedSyncBlockSharedCssClassName.selectionInside), _defineProperty({
|
|
30
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border
|
|
30
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
31
31
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
32
32
|
opacity: 1,
|
|
33
33
|
visibility: 'visible'
|
|
34
34
|
})), '&.ak-editor-selected-node', _defineProperty({
|
|
35
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)")
|
|
36
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)"
|
|
35
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)")
|
|
37
36
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
38
37
|
opacity: 1,
|
|
39
38
|
visibility: 'visible',
|
|
40
39
|
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
41
|
-
'
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
border: "1px solid ".concat("var(--ds-border-focused, #4688EC)"),
|
|
49
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
50
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
51
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
52
|
-
pointerEvents: 'none',
|
|
53
|
-
zIndex: -1
|
|
40
|
+
top: '-14px',
|
|
41
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
42
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
44
|
+
'> span': {
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
46
|
+
color: "var(--ds-text-selected, #1868DB)".concat(" !important")
|
|
54
47
|
}
|
|
55
48
|
})), '&.danger', _defineProperty({
|
|
56
49
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
58
|
-
backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
|
|
59
50
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
60
51
|
'.ak-editor-panel__icon': {
|
|
61
52
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
@@ -63,19 +54,13 @@ export var syncBlockStyles = css(_defineProperty({
|
|
|
63
54
|
}
|
|
64
55
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
65
56
|
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
66
|
-
'
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
border: "1px solid ".concat("var(--ds-border-danger, #E2483D)"),
|
|
74
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
75
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
76
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
77
|
-
pointerEvents: 'none',
|
|
78
|
-
zIndex: -1
|
|
57
|
+
top: '-14px',
|
|
58
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
59
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
61
|
+
'> span': {
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
63
|
+
color: "var(--ds-text-danger, #AE2E24)".concat(" !important")
|
|
79
64
|
}
|
|
80
65
|
})), "&.".concat(SyncBlockStateCssClassName.disabledClassName), _defineProperty({
|
|
81
66
|
backgroundColor: "var(--ds-background-disabled, #17171708)",
|
|
@@ -114,7 +99,6 @@ export var syncBlockStyles = css(_defineProperty({
|
|
|
114
99
|
padding: '0 18px'
|
|
115
100
|
}))
|
|
116
101
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
117
|
-
color: "var(--ds-text-subtle, #505258)",
|
|
118
102
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
119
103
|
position: 'absolute',
|
|
120
104
|
gap: "var(--ds-space-050, 4px)",
|
|
@@ -123,11 +107,11 @@ export var syncBlockStyles = css(_defineProperty({
|
|
|
123
107
|
display: 'flex',
|
|
124
108
|
opacity: 0,
|
|
125
109
|
visibility: 'hidden',
|
|
110
|
+
boxShadow: 'none',
|
|
111
|
+
zIndex: 1,
|
|
126
112
|
paddingLeft: "var(--ds-space-100, 8px)",
|
|
127
113
|
paddingRight: "var(--ds-space-100, 8px)",
|
|
128
|
-
|
|
129
|
-
paddingTop: "var(--ds-space-050, 4px)",
|
|
130
|
-
top: "var(--ds-space-negative-200, -16px)",
|
|
114
|
+
top: '-10px',
|
|
131
115
|
right: "var(--ds-space-150, 12px)",
|
|
132
116
|
backgroundColor: "var(--ds-surface, #FFFFFF)",
|
|
133
117
|
maxWidth: '140px'
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { injectIntl } from 'react-intl-next';
|
|
3
3
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
4
|
-
import QuestionIcon from '@atlaskit/icon/core/
|
|
4
|
+
import QuestionIcon from '@atlaskit/icon/core/question-circle';
|
|
5
5
|
import { useEditorContext } from '../EditorContext';
|
|
6
6
|
import { messages } from './messages';
|
|
7
7
|
// Please, do not copy or use this kind of code below
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "215.23.
|
|
2
|
+
export var version = "215.23.2";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "215.23.
|
|
3
|
+
"version": "215.23.3",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
66
66
|
"@atlaskit/react-ufo": "^4.16.0",
|
|
67
67
|
"@atlaskit/task-decision": "^19.2.0",
|
|
68
|
-
"@atlaskit/tmp-editor-statsig": "^15.
|
|
68
|
+
"@atlaskit/tmp-editor-statsig": "^15.12.0",
|
|
69
69
|
"@atlaskit/tokens": "^8.5.0",
|
|
70
70
|
"@atlaskit/tooltip": "^20.11.0",
|
|
71
71
|
"@atlaskit/width-detector": "^5.0.0",
|
|
@@ -259,10 +259,6 @@
|
|
|
259
259
|
"platform_editor_content_mode_button_mvp": {
|
|
260
260
|
"type": "boolean"
|
|
261
261
|
},
|
|
262
|
-
"platform_editor_elements_dnd_select_node_on_drag": {
|
|
263
|
-
"type": "boolean",
|
|
264
|
-
"referenceOnly": true
|
|
265
|
-
},
|
|
266
262
|
"platform_editor_paste_full_table_inside_empty_cell": {
|
|
267
263
|
"type": "boolean",
|
|
268
264
|
"referenceOnly": true
|