@atlaskit/editor-core 211.1.1 → 211.2.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.
- package/CHANGELOG.md +20 -0
- package/dist/cjs/create-editor/ReactEditorView.js +2 -8
- package/dist/cjs/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/cjs/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/cjs/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/cjs/ui/ContentStyles/code-bidi-warning.js +1 -1
- package/dist/cjs/ui/ContentStyles/layout.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/codeBidiWarningStyles.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/codeBlockStyles.js +3 -3
- package/dist/cjs/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/panelStyles.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/ReactEditorView.js +2 -8
- package/dist/es2019/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/es2019/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/es2019/ui/ContentStyles/code-bidi-warning.js +1 -1
- package/dist/es2019/ui/ContentStyles/layout.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/codeBidiWarningStyles.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/codeBlockStyles.js +3 -3
- package/dist/es2019/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/panelStyles.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/ReactEditorView.js +2 -8
- package/dist/esm/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/esm/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/esm/ui/ContentStyles/code-bidi-warning.js +1 -1
- package/dist/esm/ui/ContentStyles/layout.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/codeBidiWarningStyles.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/codeBlockStyles.js +3 -3
- package/dist/esm/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/panelStyles.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +1 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 211.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
|
|
8
|
+
Internal changes to how border radius is applied.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 211.2.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [`ddb46afe087a6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ddb46afe087a6) -
|
|
16
|
+
[https://product-fabric.atlassian.net/browse/ED-27795](ED-27795) - tidy up
|
|
17
|
+
platform_editor_catch_missing_injection_states FG
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
3
23
|
## 211.1.1
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
@@ -202,7 +202,7 @@ function ReactEditorView(props) {
|
|
|
202
202
|
getIntl: function getIntl() {
|
|
203
203
|
return props.intl;
|
|
204
204
|
},
|
|
205
|
-
onEditorStateUpdated:
|
|
205
|
+
onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
|
|
206
206
|
});
|
|
207
207
|
contentTransformer.current = contentTransformerProvider ? contentTransformerProvider(schema) : undefined;
|
|
208
208
|
var api = pluginInjectionAPI.current.api();
|
|
@@ -385,7 +385,7 @@ function ReactEditorView(props) {
|
|
|
385
385
|
getIntl: function getIntl() {
|
|
386
386
|
return props.intl;
|
|
387
387
|
},
|
|
388
|
-
onEditorStateUpdated:
|
|
388
|
+
onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
|
|
389
389
|
});
|
|
390
390
|
var newState = state.reconfigure({
|
|
391
391
|
plugins: plugins
|
|
@@ -404,12 +404,6 @@ function ReactEditorView(props) {
|
|
|
404
404
|
transactions = _ref2.transactions,
|
|
405
405
|
oldEditorState = _ref2.oldEditorState,
|
|
406
406
|
newEditorState = _ref2.newEditorState;
|
|
407
|
-
if (!(0, _platformFeatureFlags.fg)('platform_editor_catch_missing_injection_states')) {
|
|
408
|
-
pluginInjectionAPI.current.onEditorViewUpdated({
|
|
409
|
-
newEditorState: newEditorState,
|
|
410
|
-
oldEditorState: oldEditorState
|
|
411
|
-
});
|
|
412
|
-
}
|
|
413
407
|
(_config$current = config.current) === null || _config$current === void 0 || _config$current.onEditorViewStateUpdatedCallbacks.forEach(function (entry) {
|
|
414
408
|
entry.callback({
|
|
415
409
|
originalTransaction: originalTransaction,
|
|
@@ -13,7 +13,7 @@ var dropdown = exports.dropdown = (0, _react.css)({
|
|
|
13
13
|
flexDirection: 'column',
|
|
14
14
|
background: "var(--ds-surface-overlay, white)",
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
16
|
-
borderRadius: "var(--ds-
|
|
16
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
17
17
|
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
|
|
18
18
|
boxSizing: 'border-box',
|
|
19
19
|
padding: "var(--ds-space-050, 4px)".concat(" 0")
|
|
@@ -59,7 +59,7 @@ var commentEditorStyles = (0, _react2.css)({
|
|
|
59
59
|
border: "1px solid ".concat("var(--ds-border-input, #8590A2)"),
|
|
60
60
|
boxSizing: 'border-box',
|
|
61
61
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
62
|
-
borderRadius: "var(--ds-
|
|
62
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
63
63
|
maxWidth: 'inherit',
|
|
64
64
|
wordWrap: 'break-word'
|
|
65
65
|
});
|
|
@@ -16,7 +16,7 @@ var inputStyle = exports.inputStyle = (0, _react.css)({
|
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
17
17
|
border: "1px solid ".concat("var(--ds-border-input, ".concat(_editorSharedStyles.akEditorSubtleAccent, ")")),
|
|
18
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
19
|
-
borderRadius: "var(--ds-
|
|
19
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
20
20
|
boxSizing: 'border-box',
|
|
21
21
|
height: '40px',
|
|
22
22
|
paddingLeft: "var(--ds-space-250, 20px)",
|
|
@@ -41,7 +41,7 @@ var codeBidiWarningStyles = exports.codeBidiWarningStyles = (0, _react.css)({
|
|
|
41
41
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
42
42
|
overflowWrap: 'break-word',
|
|
43
43
|
cursor: 'default',
|
|
44
|
-
borderRadius: "var(--ds-
|
|
44
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
45
45
|
margin: "var(--ds-space-0, 0px)",
|
|
46
46
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
47
47
|
position: 'fixed',
|
|
@@ -31,7 +31,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
|
31
31
|
// TODO handle responsive
|
|
32
32
|
var layoutColumnStyles = function layoutColumnStyles() {
|
|
33
33
|
return (0, _experiments.editorExperiment)('advanced_layouts', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
34
|
-
(0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tborder-radius: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.LAYOUT_SECTION_MARGIN / 2, _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket]), "var(--ds-
|
|
34
|
+
(0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tborder-radius: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.LAYOUT_SECTION_MARGIN / 2, _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket]), "var(--ds-radius-small, 3px)") : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
35
35
|
(0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\tmargin-left: ", "px;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.LAYOUT_SECTION_MARGIN, _editorSharedStyles.gridMediumMaxWidth);
|
|
36
36
|
};
|
|
37
37
|
var layoutSectionStyles = function layoutSectionStyles() {
|
|
@@ -41,7 +41,7 @@ var codeBidiWarningStyles = exports.codeBidiWarningStyles = (0, _react.css)({
|
|
|
41
41
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
42
42
|
overflowWrap: 'break-word',
|
|
43
43
|
cursor: 'default',
|
|
44
|
-
borderRadius: "var(--ds-
|
|
44
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
45
45
|
margin: "var(--ds-space-0, 0px)",
|
|
46
46
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
47
47
|
position: 'fixed',
|
|
@@ -58,7 +58,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
|
|
|
58
58
|
}), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
59
59
|
position: 'relative',
|
|
60
60
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
61
|
-
borderRadius: "var(--ds-
|
|
61
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
62
62
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
63
63
|
margin: "".concat(blockNodesVerticalMargin, " 0 0 0"),
|
|
64
64
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -90,7 +90,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
|
|
|
90
90
|
position: 'relative',
|
|
91
91
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
92
92
|
display: 'flex',
|
|
93
|
-
borderRadius: "var(--ds-
|
|
93
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
94
94
|
width: '100%',
|
|
95
95
|
counterReset: 'line',
|
|
96
96
|
overflowX: 'auto',
|
|
@@ -122,7 +122,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
|
|
|
122
122
|
tabSize: 4,
|
|
123
123
|
cursor: 'text',
|
|
124
124
|
color: "var(--ds-text, #172B4D)",
|
|
125
|
-
borderRadius: "var(--ds-
|
|
125
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
126
126
|
margin: "var(--ds-space-100, 8px)",
|
|
127
127
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
128
128
|
fontSize: fontSize14px,
|
|
@@ -16,7 +16,7 @@ var codeMarkStyles = exports.codeMarkStyles = (0, _react.css)({
|
|
|
16
16
|
display: 'inline',
|
|
17
17
|
padding: '2px 0.5ch',
|
|
18
18
|
backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
|
|
19
|
-
borderRadius: "var(--ds-
|
|
19
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
20
20
|
borderStyle: 'none',
|
|
21
21
|
boxDecorationBreak: 'clone',
|
|
22
22
|
color: "var(--ds-text, #172B4D)",
|
|
@@ -28,7 +28,7 @@ var panelStyles = exports.panelStyles = (0, _react.css)({
|
|
|
28
28
|
},
|
|
29
29
|
// panelSharedStyles()
|
|
30
30
|
// panelSharedStylesWithoutPrefix()
|
|
31
|
-
borderRadius: "var(--ds-
|
|
31
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
32
32
|
margin: "0.75rem 0 0",
|
|
33
33
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
34
34
|
paddingRight: "var(--ds-space-200, 16px)",
|
|
@@ -170,7 +170,7 @@ export function ReactEditorView(props) {
|
|
|
170
170
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
171
171
|
featureFlags,
|
|
172
172
|
getIntl: () => props.intl,
|
|
173
|
-
onEditorStateUpdated:
|
|
173
|
+
onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
|
|
174
174
|
});
|
|
175
175
|
contentTransformer.current = contentTransformerProvider ? contentTransformerProvider(schema) : undefined;
|
|
176
176
|
const api = pluginInjectionAPI.current.api();
|
|
@@ -350,7 +350,7 @@ export function ReactEditorView(props) {
|
|
|
350
350
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
351
351
|
featureFlags,
|
|
352
352
|
getIntl: () => props.intl,
|
|
353
|
-
onEditorStateUpdated:
|
|
353
|
+
onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
|
|
354
354
|
});
|
|
355
355
|
const newState = state.reconfigure({
|
|
356
356
|
plugins: plugins
|
|
@@ -371,12 +371,6 @@ export function ReactEditorView(props) {
|
|
|
371
371
|
newEditorState
|
|
372
372
|
}) => {
|
|
373
373
|
var _config$current;
|
|
374
|
-
if (!fg('platform_editor_catch_missing_injection_states')) {
|
|
375
|
-
pluginInjectionAPI.current.onEditorViewUpdated({
|
|
376
|
-
newEditorState,
|
|
377
|
-
oldEditorState
|
|
378
|
-
});
|
|
379
|
-
}
|
|
380
374
|
(_config$current = config.current) === null || _config$current === void 0 ? void 0 : _config$current.onEditorViewStateUpdatedCallbacks.forEach(entry => {
|
|
381
375
|
entry.callback({
|
|
382
376
|
originalTransaction,
|
|
@@ -6,7 +6,7 @@ export const dropdown = css({
|
|
|
6
6
|
flexDirection: 'column',
|
|
7
7
|
background: "var(--ds-surface-overlay, white)",
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
9
|
-
borderRadius: "var(--ds-
|
|
9
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
10
10
|
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
|
|
11
11
|
boxSizing: 'border-box',
|
|
12
12
|
padding: `${"var(--ds-space-050, 4px)"} 0`
|
|
@@ -47,7 +47,7 @@ const commentEditorStyles = css({
|
|
|
47
47
|
border: `1px solid ${"var(--ds-border-input, #8590A2)"}`,
|
|
48
48
|
boxSizing: 'border-box',
|
|
49
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
50
|
-
borderRadius: "var(--ds-
|
|
50
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
51
51
|
maxWidth: 'inherit',
|
|
52
52
|
wordWrap: 'break-word'
|
|
53
53
|
});
|
|
@@ -9,7 +9,7 @@ export const inputStyle = css({
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
10
10
|
border: `1px solid ${`var(--ds-border-input, ${akEditorSubtleAccent})`}`,
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
12
|
-
borderRadius: "var(--ds-
|
|
12
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
boxSizing: 'border-box',
|
|
14
14
|
height: '40px',
|
|
15
15
|
paddingLeft: "var(--ds-space-250, 20px)",
|
|
@@ -34,7 +34,7 @@ export const codeBidiWarningStyles = css({
|
|
|
34
34
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
35
35
|
overflowWrap: 'break-word',
|
|
36
36
|
cursor: 'default',
|
|
37
|
-
borderRadius: "var(--ds-
|
|
37
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
38
38
|
margin: "var(--ds-space-0, 0px)",
|
|
39
39
|
padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
|
|
40
40
|
position: 'fixed',
|
|
@@ -34,7 +34,7 @@ export const codeBidiWarningStyles = css({
|
|
|
34
34
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
35
35
|
overflowWrap: 'break-word',
|
|
36
36
|
cursor: 'default',
|
|
37
|
-
borderRadius: "var(--ds-
|
|
37
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
38
38
|
margin: "var(--ds-space-0, 0px)",
|
|
39
39
|
padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
|
|
40
40
|
position: 'fixed',
|
|
@@ -55,7 +55,7 @@ export const codeBlockStyles = css({
|
|
|
55
55
|
[`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}`]: {
|
|
56
56
|
position: 'relative',
|
|
57
57
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
58
|
-
borderRadius: "var(--ds-
|
|
58
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
59
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
60
60
|
margin: `${blockNodesVerticalMargin} 0 0 0`,
|
|
61
61
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -92,7 +92,7 @@ export const codeBlockStyles = css({
|
|
|
92
92
|
position: 'relative',
|
|
93
93
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
94
94
|
display: 'flex',
|
|
95
|
-
borderRadius: "var(--ds-
|
|
95
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
96
96
|
width: '100%',
|
|
97
97
|
counterReset: 'line',
|
|
98
98
|
overflowX: 'auto',
|
|
@@ -149,7 +149,7 @@ export const codeBlockStyles = css({
|
|
|
149
149
|
tabSize: 4,
|
|
150
150
|
cursor: 'text',
|
|
151
151
|
color: "var(--ds-text, #172B4D)",
|
|
152
|
-
borderRadius: "var(--ds-
|
|
152
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
153
153
|
margin: "var(--ds-space-100, 8px)",
|
|
154
154
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
155
155
|
fontSize: fontSize14px,
|
|
@@ -9,7 +9,7 @@ export const codeMarkStyles = css({
|
|
|
9
9
|
display: 'inline',
|
|
10
10
|
padding: '2px 0.5ch',
|
|
11
11
|
backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #091E420F)"})`,
|
|
12
|
-
borderRadius: "var(--ds-
|
|
12
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
borderStyle: 'none',
|
|
14
14
|
boxDecorationBreak: 'clone',
|
|
15
15
|
color: "var(--ds-text, #172B4D)",
|
|
@@ -21,7 +21,7 @@ export const panelStyles = css({
|
|
|
21
21
|
},
|
|
22
22
|
// panelSharedStyles()
|
|
23
23
|
// panelSharedStylesWithoutPrefix()
|
|
24
|
-
borderRadius: "var(--ds-
|
|
24
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
25
25
|
margin: `0.75rem 0 0`,
|
|
26
26
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
27
27
|
paddingRight: "var(--ds-space-200, 16px)",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "211.
|
|
2
|
+
export const version = "211.2.0";
|
|
@@ -192,7 +192,7 @@ export function ReactEditorView(props) {
|
|
|
192
192
|
getIntl: function getIntl() {
|
|
193
193
|
return props.intl;
|
|
194
194
|
},
|
|
195
|
-
onEditorStateUpdated:
|
|
195
|
+
onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
|
|
196
196
|
});
|
|
197
197
|
contentTransformer.current = contentTransformerProvider ? contentTransformerProvider(schema) : undefined;
|
|
198
198
|
var api = pluginInjectionAPI.current.api();
|
|
@@ -375,7 +375,7 @@ export function ReactEditorView(props) {
|
|
|
375
375
|
getIntl: function getIntl() {
|
|
376
376
|
return props.intl;
|
|
377
377
|
},
|
|
378
|
-
onEditorStateUpdated:
|
|
378
|
+
onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
|
|
379
379
|
});
|
|
380
380
|
var newState = state.reconfigure({
|
|
381
381
|
plugins: plugins
|
|
@@ -394,12 +394,6 @@ export function ReactEditorView(props) {
|
|
|
394
394
|
transactions = _ref2.transactions,
|
|
395
395
|
oldEditorState = _ref2.oldEditorState,
|
|
396
396
|
newEditorState = _ref2.newEditorState;
|
|
397
|
-
if (!fg('platform_editor_catch_missing_injection_states')) {
|
|
398
|
-
pluginInjectionAPI.current.onEditorViewUpdated({
|
|
399
|
-
newEditorState: newEditorState,
|
|
400
|
-
oldEditorState: oldEditorState
|
|
401
|
-
});
|
|
402
|
-
}
|
|
403
397
|
(_config$current = config.current) === null || _config$current === void 0 || _config$current.onEditorViewStateUpdatedCallbacks.forEach(function (entry) {
|
|
404
398
|
entry.callback({
|
|
405
399
|
originalTransaction: originalTransaction,
|
|
@@ -6,7 +6,7 @@ export var dropdown = css({
|
|
|
6
6
|
flexDirection: 'column',
|
|
7
7
|
background: "var(--ds-surface-overlay, white)",
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
9
|
-
borderRadius: "var(--ds-
|
|
9
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
10
10
|
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
|
|
11
11
|
boxSizing: 'border-box',
|
|
12
12
|
padding: "var(--ds-space-050, 4px)".concat(" 0")
|
|
@@ -51,7 +51,7 @@ var commentEditorStyles = css({
|
|
|
51
51
|
border: "1px solid ".concat("var(--ds-border-input, #8590A2)"),
|
|
52
52
|
boxSizing: 'border-box',
|
|
53
53
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
54
|
-
borderRadius: "var(--ds-
|
|
54
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
55
55
|
maxWidth: 'inherit',
|
|
56
56
|
wordWrap: 'break-word'
|
|
57
57
|
});
|
|
@@ -9,7 +9,7 @@ export var inputStyle = css({
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
10
10
|
border: "1px solid ".concat("var(--ds-border-input, ".concat(akEditorSubtleAccent, ")")),
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
12
|
-
borderRadius: "var(--ds-
|
|
12
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
boxSizing: 'border-box',
|
|
14
14
|
height: '40px',
|
|
15
15
|
paddingLeft: "var(--ds-space-250, 20px)",
|
|
@@ -34,7 +34,7 @@ export var codeBidiWarningStyles = css({
|
|
|
34
34
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
35
35
|
overflowWrap: 'break-word',
|
|
36
36
|
cursor: 'default',
|
|
37
|
-
borderRadius: "var(--ds-
|
|
37
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
38
38
|
margin: "var(--ds-space-0, 0px)",
|
|
39
39
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
40
40
|
position: 'fixed',
|
|
@@ -25,7 +25,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
|
25
25
|
// TODO handle responsive
|
|
26
26
|
var layoutColumnStyles = function layoutColumnStyles() {
|
|
27
27
|
return editorExperiment('advanced_layouts', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
28
|
-
css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tborder-radius: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), LAYOUT_SECTION_MARGIN / 2, gridMediumMaxWidth, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Blanket]), "var(--ds-
|
|
28
|
+
css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tborder-radius: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), LAYOUT_SECTION_MARGIN / 2, gridMediumMaxWidth, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Blanket]), "var(--ds-radius-small, 3px)") : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
29
29
|
css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\tmargin-left: ", "px;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), LAYOUT_SECTION_MARGIN, gridMediumMaxWidth);
|
|
30
30
|
};
|
|
31
31
|
var layoutSectionStyles = function layoutSectionStyles() {
|
|
@@ -34,7 +34,7 @@ export var codeBidiWarningStyles = css({
|
|
|
34
34
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
35
35
|
overflowWrap: 'break-word',
|
|
36
36
|
cursor: 'default',
|
|
37
|
-
borderRadius: "var(--ds-
|
|
37
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
38
38
|
margin: "var(--ds-space-0, 0px)",
|
|
39
39
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
40
40
|
position: 'fixed',
|
|
@@ -50,7 +50,7 @@ export var codeBlockStyles = css({
|
|
|
50
50
|
}), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
51
51
|
position: 'relative',
|
|
52
52
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
53
|
-
borderRadius: "var(--ds-
|
|
53
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
54
54
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
55
55
|
margin: "".concat(blockNodesVerticalMargin, " 0 0 0"),
|
|
56
56
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -82,7 +82,7 @@ export var codeBlockStyles = css({
|
|
|
82
82
|
position: 'relative',
|
|
83
83
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
84
84
|
display: 'flex',
|
|
85
|
-
borderRadius: "var(--ds-
|
|
85
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
86
86
|
width: '100%',
|
|
87
87
|
counterReset: 'line',
|
|
88
88
|
overflowX: 'auto',
|
|
@@ -114,7 +114,7 @@ export var codeBlockStyles = css({
|
|
|
114
114
|
tabSize: 4,
|
|
115
115
|
cursor: 'text',
|
|
116
116
|
color: "var(--ds-text, #172B4D)",
|
|
117
|
-
borderRadius: "var(--ds-
|
|
117
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
118
118
|
margin: "var(--ds-space-100, 8px)",
|
|
119
119
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
120
120
|
fontSize: fontSize14px,
|
|
@@ -9,7 +9,7 @@ export var codeMarkStyles = css({
|
|
|
9
9
|
display: 'inline',
|
|
10
10
|
padding: '2px 0.5ch',
|
|
11
11
|
backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
|
|
12
|
-
borderRadius: "var(--ds-
|
|
12
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
borderStyle: 'none',
|
|
14
14
|
boxDecorationBreak: 'clone',
|
|
15
15
|
color: "var(--ds-text, #172B4D)",
|
|
@@ -21,7 +21,7 @@ export var panelStyles = css({
|
|
|
21
21
|
},
|
|
22
22
|
// panelSharedStyles()
|
|
23
23
|
// panelSharedStylesWithoutPrefix()
|
|
24
|
-
borderRadius: "var(--ds-
|
|
24
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
25
25
|
margin: "0.75rem 0 0",
|
|
26
26
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
27
27
|
paddingRight: "var(--ds-space-200, 16px)",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "211.
|
|
2
|
+
export var version = "211.2.0";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "211.
|
|
3
|
+
"version": "211.2.1",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -223,9 +223,6 @@
|
|
|
223
223
|
"type": "boolean",
|
|
224
224
|
"referenceOnly": true
|
|
225
225
|
},
|
|
226
|
-
"platform_editor_catch_missing_injection_states": {
|
|
227
|
-
"type": "boolean"
|
|
228
|
-
},
|
|
229
226
|
"platform_editor_typography_ugc": {
|
|
230
227
|
"type": "boolean",
|
|
231
228
|
"referenceOnly": true
|