@atlaskit/editor-core 213.5.4 → 213.5.5

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 CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 213.5.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`bd24a3afbfb65`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd24a3afbfb65) -
8
+ Updated look and feel of the Synced Block Editor
9
+ - Updated dependencies
10
+
3
11
  ## 213.5.4
4
12
 
5
13
  ### Patch Changes
@@ -56,6 +56,7 @@ var _selectionToolbarStyles = require("./styles/selectionToolbarStyles");
56
56
  var _shadowStyles = require("./styles/shadowStyles");
57
57
  var _smartCardStyles = require("./styles/smartCardStyles");
58
58
  var _statusStyles = require("./styles/statusStyles");
59
+ var _syncBlockStyles = require("./styles/syncBlockStyles");
59
60
  var _tableStyles = require("./styles/tableStyles");
60
61
  var _tasksAndDecisionsStyles = require("./styles/tasksAndDecisionsStyles");
61
62
  var _telepointerStyles = require("./styles/telepointerStyles");
@@ -262,7 +263,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
262
263
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
263
264
  _resizerStyles.resizerStyles,
264
265
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
265
- _layout.layoutBaseStyles,
266
+ _layout.layoutBaseStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_synced_block', 'isEnabled', true) &&
267
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
268
+ _syncBlockStyles.syncBlockStyles,
266
269
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
267
270
  (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
268
271
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.syncBlockStyles = void 0;
7
+ var _react = require("@emotion/react");
8
+ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
10
+
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
12
+ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)({
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
14
+ '.ProseMirror': {
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
16
+ '.ak-editor-sync-block': {
17
+ cursor: 'pointer',
18
+ /* Danger when top level node */
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
20
+ '&.danger': {
21
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
23
+ backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
25
+ '.ak-editor-panel__icon': {
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
27
+ color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
28
+ }
29
+ },
30
+ // borderRadius: token('radius.small', '3px'),
31
+ marginTop: "var(--ds-space-150, 12px)",
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
33
+ marginRight: "-".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px"),
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
35
+ marginLeft: "-".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px"),
36
+ marginBottom: 0,
37
+ paddingTop: 0,
38
+ paddingBottom: 0,
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
40
+ paddingRight: "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)() - 32, "px"),
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
42
+ paddingLeft: "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)() - 32, "px"),
43
+ color: 'inherit',
44
+ '&:hover': {
45
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
46
+ boxShadow: "0px 0px 0px 1px ".concat("var(--ds-background-accent-purple-subtle, #9F8FEF)")
47
+ },
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
49
+ '.ak-editor-sync-block__editor': {
50
+ cursor: 'text'
51
+ },
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
53
+ '.ak-editor-sync-block__renderer': {
54
+ padding: '0 32px'
55
+ }
56
+ }
57
+ },
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
59
+ '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
60
+ boxShadow: "0 0 0 1px ".concat("var(--ds-background-accent-purple-bolder, #6E5DC6)"),
61
+ borderColor: 'transparent'
62
+ }
63
+ });
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "213.5.3";
8
+ var version = exports.version = "213.5.4";
@@ -57,6 +57,7 @@ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles
57
57
  import { shadowStyles } from './styles/shadowStyles';
58
58
  import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
59
59
  import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
60
+ import { syncBlockStyles } from './styles/syncBlockStyles';
60
61
  import { tableCommentEditorStyles, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
61
62
  import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles } from './styles/tasksAndDecisionsStyles';
62
63
  import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
@@ -257,7 +258,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
257
258
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
258
259
  resizerStyles,
259
260
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
260
- layoutBaseStyles,
261
+ layoutBaseStyles, expValEqualsNoExposure('platform_synced_block', 'isEnabled', true) &&
262
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
263
+ syncBlockStyles,
261
264
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
262
265
  editorExperiment('advanced_layouts', true) && layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ?
263
266
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -0,0 +1,56 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
+ import { css } from '@emotion/react';
3
+ import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
5
+ export const syncBlockStyles = css({
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
7
+ '.ProseMirror': {
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
9
+ '.ak-editor-sync-block': {
10
+ cursor: 'pointer',
11
+ /* Danger when top level node */
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
13
+ '&.danger': {
14
+ boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
16
+ backgroundColor: `${"var(--ds-background-danger, #FFECEB)"} !important`,
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
18
+ '.ak-editor-panel__icon': {
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
20
+ color: `${"var(--ds-icon-danger, #C9372C)"} !important`
21
+ }
22
+ },
23
+ // borderRadius: token('radius.small', '3px'),
24
+ marginTop: "var(--ds-space-150, 12px)",
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
26
+ marginRight: `-${akEditorGutterPaddingDynamic()}px`,
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
28
+ marginLeft: `-${akEditorGutterPaddingDynamic()}px`,
29
+ marginBottom: 0,
30
+ paddingTop: 0,
31
+ paddingBottom: 0,
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
33
+ paddingRight: `${akEditorGutterPaddingDynamic() - 32}px`,
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
35
+ paddingLeft: `${akEditorGutterPaddingDynamic() - 32}px`,
36
+ color: 'inherit',
37
+ '&:hover': {
38
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
39
+ boxShadow: `0px 0px 0px 1px ${"var(--ds-background-accent-purple-subtle, #9F8FEF)"}`
40
+ },
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
42
+ '.ak-editor-sync-block__editor': {
43
+ cursor: 'text'
44
+ },
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
46
+ '.ak-editor-sync-block__renderer': {
47
+ padding: '0 32px'
48
+ }
49
+ }
50
+ },
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
52
+ '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
53
+ boxShadow: `0 0 0 1px ${"var(--ds-background-accent-purple-bolder, #6E5DC6)"}`,
54
+ borderColor: 'transparent'
55
+ }
56
+ });
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "213.5.3";
2
+ export const version = "213.5.4";
@@ -57,6 +57,7 @@ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles
57
57
  import { shadowStyles } from './styles/shadowStyles';
58
58
  import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
59
59
  import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
60
+ import { syncBlockStyles } from './styles/syncBlockStyles';
60
61
  import { tableCommentEditorStyles, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
61
62
  import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles } from './styles/tasksAndDecisionsStyles';
62
63
  import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
@@ -254,7 +255,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
254
255
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
255
256
  resizerStyles,
256
257
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
257
- layoutBaseStyles,
258
+ layoutBaseStyles, expValEqualsNoExposure('platform_synced_block', 'isEnabled', true) &&
259
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
260
+ syncBlockStyles,
258
261
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
259
262
  editorExperiment('advanced_layouts', true) && layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ?
260
263
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -0,0 +1,56 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
+ import { css } from '@emotion/react';
3
+ import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
5
+ export var syncBlockStyles = css({
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
7
+ '.ProseMirror': {
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
9
+ '.ak-editor-sync-block': {
10
+ cursor: 'pointer',
11
+ /* Danger when top level node */
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
13
+ '&.danger': {
14
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
16
+ backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
18
+ '.ak-editor-panel__icon': {
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
20
+ color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
21
+ }
22
+ },
23
+ // borderRadius: token('radius.small', '3px'),
24
+ marginTop: "var(--ds-space-150, 12px)",
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
26
+ marginRight: "-".concat(akEditorGutterPaddingDynamic(), "px"),
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
28
+ marginLeft: "-".concat(akEditorGutterPaddingDynamic(), "px"),
29
+ marginBottom: 0,
30
+ paddingTop: 0,
31
+ paddingBottom: 0,
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
33
+ paddingRight: "".concat(akEditorGutterPaddingDynamic() - 32, "px"),
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
35
+ paddingLeft: "".concat(akEditorGutterPaddingDynamic() - 32, "px"),
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-background-accent-purple-subtle, #9F8FEF)")
40
+ },
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
42
+ '.ak-editor-sync-block__editor': {
43
+ cursor: 'text'
44
+ },
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
46
+ '.ak-editor-sync-block__renderer': {
47
+ padding: '0 32px'
48
+ }
49
+ }
50
+ },
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
52
+ '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
53
+ boxShadow: "0 0 0 1px ".concat("var(--ds-background-accent-purple-bolder, #6E5DC6)"),
54
+ borderColor: 'transparent'
55
+ }
56
+ });
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "213.5.3";
2
+ export var version = "213.5.4";
@@ -0,0 +1,2 @@
1
+ import { type SerializedStyles } from '@emotion/react';
2
+ export declare const syncBlockStyles: SerializedStyles;
@@ -0,0 +1,2 @@
1
+ import { type SerializedStyles } from '@emotion/react';
2
+ export declare const syncBlockStyles: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "213.5.4",
3
+ "version": "213.5.5",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -56,13 +56,13 @@
56
56
  "@atlaskit/editor-toolbar": "^0.9.0",
57
57
  "@atlaskit/editor-toolbar-model": "^0.2.0",
58
58
  "@atlaskit/emoji": "^69.5.0",
59
- "@atlaskit/icon": "^28.2.0",
59
+ "@atlaskit/icon": "^28.3.0",
60
60
  "@atlaskit/link": "^3.2.0",
61
61
  "@atlaskit/media-card": "^79.5.0",
62
62
  "@atlaskit/mention": "^24.2.0",
63
63
  "@atlaskit/platform-feature-flags": "^1.1.0",
64
64
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
65
- "@atlaskit/react-ufo": "^4.9.0",
65
+ "@atlaskit/react-ufo": "^4.10.0",
66
66
  "@atlaskit/task-decision": "^19.2.0",
67
67
  "@atlaskit/tmp-editor-statsig": "^12.29.0",
68
68
  "@atlaskit/tokens": "^6.3.0",
@@ -81,7 +81,7 @@
81
81
  "uuid": "^3.1.0"
82
82
  },
83
83
  "peerDependencies": {
84
- "@atlaskit/editor-common": "^109.13.0",
84
+ "@atlaskit/editor-common": "^109.14.0",
85
85
  "@atlaskit/link-provider": "^4.0.0",
86
86
  "@atlaskit/media-core": "^37.0.0",
87
87
  "react": "^18.2.0",
@@ -301,10 +301,6 @@
301
301
  "type": "boolean",
302
302
  "referenceOnly": true
303
303
  },
304
- "disable-sticky-scrollbar-for-nested-tables": {
305
- "type": "boolean",
306
- "referenceOnly": true
307
- },
308
304
  "platform_editor_elements_dnd_multi_select_patch_1": {
309
305
  "type": "boolean",
310
306
  "referenceOnly": true