@atlaskit/editor-core 208.3.0 → 208.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/presets/universal.js +2 -1
  3. package/dist/cjs/ui/Appearance/FullPage/FullPage.js +9 -19
  4. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +1 -11
  5. package/dist/cjs/ui/ContentStyles/media.js +1 -1
  6. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +4 -1
  7. package/dist/cjs/ui/EditorContentContainer/styles/selectionToolbarStyles.js +29 -0
  8. package/dist/cjs/version-wrapper.js +1 -1
  9. package/dist/es2019/presets/universal.js +2 -1
  10. package/dist/es2019/ui/Appearance/FullPage/FullPage.js +9 -19
  11. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +1 -11
  12. package/dist/es2019/ui/ContentStyles/media.js +0 -5
  13. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +4 -1
  14. package/dist/es2019/ui/EditorContentContainer/styles/selectionToolbarStyles.js +22 -0
  15. package/dist/es2019/version-wrapper.js +1 -1
  16. package/dist/esm/presets/universal.js +2 -1
  17. package/dist/esm/ui/Appearance/FullPage/FullPage.js +9 -19
  18. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +1 -11
  19. package/dist/esm/ui/ContentStyles/media.js +1 -1
  20. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +4 -1
  21. package/dist/esm/ui/EditorContentContainer/styles/selectionToolbarStyles.js +22 -0
  22. package/dist/esm/version-wrapper.js +1 -1
  23. package/dist/types/ui/EditorContentContainer/styles/selectionToolbarStyles.d.ts +1 -0
  24. package/dist/types-ts4.5/ui/EditorContentContainer/styles/selectionToolbarStyles.d.ts +1 -0
  25. package/package.json +8 -20
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 208.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#175437](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175437)
8
+ [`fc90fe8067613`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fc90fe8067613) -
9
+ [EDITOR-179] FG editor_a11y_status_renderer_description clean up
10
+ - Updated dependencies
11
+
12
+ ## 208.3.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#173895](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173895)
17
+ [`6e123631d7c26`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e123631d7c26) -
18
+ Clean up platform_editor_interaction_api_refactor
19
+ - Updated dependencies
20
+
3
21
  ## 208.3.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/presets/universal.js CHANGED
@@ -111,7 +111,8 @@ function createUniversalPresetInternal(_ref) {
111
111
  return false;
112
112
  };
113
113
  var finalPreset = defaultPreset.add(_ufo.ufoPlugin).add(_dataConsumer.dataConsumerPlugin).add(_accessibilityUtils.accessibilityUtilsPlugin).add(_contentInsertion.contentInsertionPlugin).add(_batchAttributeUpdates.batchAttributeUpdatesPlugin).maybeAdd([_breakout.breakoutPlugin, {
114
- allowBreakoutButton: appearance === 'full-page'
114
+ allowBreakoutButton: appearance === 'full-page',
115
+ appearance: appearance
115
116
  }], Boolean(props.allowBreakout && isFullPage)).maybeAdd(_alignment.alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([_textColor.textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(_list.listPlugin).maybeAdd(_rule.rulePlugin, Boolean(props.allowRule)).maybeAdd([_expand.expandPlugin, {
116
117
  allowInsertion: isExpandInsertionEnabled(props),
117
118
  useLongPressSelection: false,
package/dist/cjs/ui/Appearance/FullPage/FullPage.js CHANGED
@@ -67,11 +67,16 @@ var hasCustomComponents = function hasCustomComponents(components) {
67
67
  return true;
68
68
  };
69
69
  var useFullPageEditorPluginsStates = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
70
- return (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['editorViewMode', 'primaryToolbar', 'interaction']);
70
+ var _sharedState$interact;
71
+ var sharedState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['editorViewMode', 'primaryToolbar', 'interaction']);
72
+ return {
73
+ primaryToolbarState: sharedState === null || sharedState === void 0 ? void 0 : sharedState.primaryToolbarState,
74
+ editorViewModeState: sharedState === null || sharedState === void 0 ? void 0 : sharedState.editorViewModeState,
75
+ interactionState: sharedState === null || sharedState === void 0 || (_sharedState$interact = sharedState.interactionState) === null || _sharedState$interact === void 0 ? void 0 : _sharedState$interact.interactionState
76
+ };
71
77
  }, function (pluginInjectionApi) {
72
78
  var primaryToolbarComponents = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'primaryToolbar.components');
73
79
  var editorViewMode = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'editorViewMode.mode');
74
- var hasHadInteraction = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'interaction.hasHadInteraction');
75
80
  var interactionState = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'interaction.interactionState');
76
81
  return {
77
82
  primaryToolbarState: !primaryToolbarComponents ? undefined : {
@@ -80,10 +85,7 @@ var useFullPageEditorPluginsStates = (0, _hooks.sharedPluginStateHookMigratorFac
80
85
  editorViewModeState: !editorViewMode ? undefined : {
81
86
  mode: editorViewMode
82
87
  },
83
- interactionState: hasHadInteraction === undefined || interactionState === undefined ? undefined : {
84
- hasHadInteraction: hasHadInteraction,
85
- interactionState: interactionState
86
- }
88
+ interactionState: interactionState
87
89
  };
88
90
  });
89
91
  var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
@@ -100,19 +102,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
100
102
  interactionState = _useFullPageEditorPlu.interactionState;
101
103
  var primaryToolbarState = (0, _getPrimaryToolbarComponents.getPrimaryToolbarComponents)(editorAPI, primaryToolbarHookState === null || primaryToolbarHookState === void 0 ? void 0 : primaryToolbarHookState.components);
102
104
  var viewMode = (0, _getEditorViewModeSync.getEditorViewMode)(editorViewModeState, props.preset);
103
-
104
- // Remove all this logic when platform_editor_interaction_api_refactor is cleaned up
105
- var hasHadInteraction;
106
- if ((0, _platformFeatureFlags.fg)('platform_editor_interaction_api_refactor')) {
107
- // Warning: this logic is a cluster-f but `hasHadInteraction` depends on undefined being allowed
108
- // in which case no class will be rendered at all. In this way we only set `hasHadInteraction to
109
- // boolean when interactionState is not undefined.
110
- if (interactionState) {
111
- hasHadInteraction = interactionState.interactionState !== 'hasNotHadInteraction';
112
- }
113
- } else {
114
- hasHadInteraction = interactionState === null || interactionState === void 0 ? void 0 : interactionState.hasHadInteraction;
115
- }
105
+ var hasHadInteraction = interactionState !== 'hasNotHadInteraction';
116
106
  var toolbarDocking = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'selectionToolbar.toolbarDocking', {
117
107
  disabled: (0, _platformFeatureFlags.fg)('platform_editor_use_preferences_plugin')
118
108
  });
package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -76,16 +76,6 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
76
76
  }
77
77
  };
78
78
  }, []);
79
-
80
- // Remove entire `hasHadInteraction` logic and prop when 'platform_editor_interaction_api_refactor' is cleaned up
81
- var interactionClassName;
82
- if ((0, _platformFeatureFlags.fg)('platform_editor_interaction_api_refactor')) {
83
- // no-op and do not add any classes
84
- } else if (
85
- // eslint-disable-next-line @atlaskit/platform/no-preconditioning
86
- props.hasHadInteraction !== undefined && (0, _platformFeatureFlags.fg)('platform_editor_no_cursor_on_live_doc_init')) {
87
- interactionClassName = props.hasHadInteraction ? 'ak-editor-has-interaction' : 'ak-editor-no-interaction';
88
- }
89
79
  var shouldSetHiddenDataAttribute = function shouldSetHiddenDataAttribute() {
90
80
  // When platform_editor_controls_performance_fixes is enabled we use a different method to
91
81
  // determine if the toolbar is hidden from outside of the editor, which doesn't require setting
@@ -143,7 +133,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
143
133
  css: (0, _StyledComponents.editorContentGutterStyle)()
144
134
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
145
135
  ,
146
- className: (0, _platformFeatureFlags.fg)('platform_editor_no_cursor_on_live_doc_init') ? (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', interactionClassName, {
136
+ className: (0, _platformFeatureFlags.fg)('platform_editor_no_cursor_on_live_doc_init') ? (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', {
147
137
  'fabric-editor--full-width-mode': fullWidthMode
148
138
  }) : ['ak-editor-content-area', 'appearance-full-page', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
149
139
  ref: contentAreaRef
package/dist/cjs/ui/ContentStyles/media.js CHANGED
@@ -14,7 +14,7 @@ var _mediaCard = require("@atlaskit/media-card");
14
14
  var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
15
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
16
16
  var mediaStyles = exports.mediaStyles = function mediaStyles() {
17
- return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", " & [layout='full-width'] .", ",\n & [layout='wide'] .", " {\n\t\t\tmargin-left: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t.media-extended-resize-experience[layout^='wrap-'] {\n\t\t\t/* override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle\n\t\t\tto prevent scroll bar */\n\t\t\toverflow: visible !important;\n\t\t}\n\n\t\t& [layout^='wrap-'] + [layout^='wrap-'] {\n\t\t\tclear: none;\n\t\t\t& + p,\n\t\t\t& + div[class^='fabric-editor-align'],\n\t\t\t& + ul,\n\t\t\t& + ol,\n\t\t\t& + h1,\n\t\t\t& + h2,\n\t\t\t& + h3,\n\t\t\t& + h4,\n\t\t\t& + h5,\n\t\t\t& + h6 {\n\t\t\t\tclear: both !important;\n\t\t\t}\n\t\t\t& .", " {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t.mediaSingleView-content-wrap[layout^='wrap-'] {\n\t\t\tmax-width: 100%;\n\t\t\t/* overwrite default Prosemirror setting making it clear: both */\n\t\t\tclear: inherit;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right'] {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right']\n\t\t\t+ .mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tclear: both;\n\t\t}\n\n\t\t/* Larger margins for resize handlers when at depth 0 of the document */\n\t\t& > .mediaSingleView-content-wrap {\n\t\t\t.richMedia-resize-handle-right {\n\t\t\t\tmargin-right: -", "px;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-left {\n\t\t\t\tmargin-left: -", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.richMedia-resize-handle-right,\n\t.richMedia-resize-handle-left {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t/* vertical align */\n\t\tjustify-content: center;\n\t}\n\n\t.richMedia-resize-handle-right {\n\t\talign-items: flex-end;\n\t\tpadding-right: ", ";\n\t\tmargin-right: -", "px;\n\t}\n\n\t.richMedia-resize-handle-left {\n\t\talign-items: flex-start;\n\t\tpadding-left: ", ";\n\t\tmargin-left: -", "px;\n\t}\n\n\t.richMedia-resize-handle-right::after,\n\t.richMedia-resize-handle-left::after {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\theight: 64px;\n\n\t\tborder-radius: 6px;\n\t}\n\n\t.", ":hover .richMedia-resize-handle-left::after,\n\t.", ":hover .richMedia-resize-handle-right::after {\n\t\tbackground: ", ";\n\t}\n\n\t.", " .richMedia-resize-handle-right::after,\n\t.", " .richMedia-resize-handle-left::after,\n\t.", " .richMedia-resize-handle-right:hover::after,\n\t.", " .richMedia-resize-handle-left:hover::after,\n\t.", ".is-resizing .richMedia-resize-handle-right::after,\n\t.", ".is-resizing .richMedia-resize-handle-left::after {\n\t\tbackground: ", ";\n\t}\n\n\t.__resizable_base__ {\n\t\tleft: unset !important;\n\t\twidth: auto !important;\n\t\theight: auto !important;\n\t}\n\n\t/* Danger when top level node for smart cards / inline links */\n\t.danger > div > div > .media-card-frame,\n\t.danger > span > a {\n\t\tbackground-color: ", ";\n\t\tbox-shadow: 0px 0px 0px ", "px\n\t\t\t", ";\n\t\ttransition:\n\t\t\tbackground-color 0s,\n\t\t\tbox-shadow 0s;\n\t}\n\t/* Danger when nested node or common */\n\t.danger {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* Media single video player */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* New file experience */\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\t\t/* Media resize legacy handlers */\n\t\t.richMedia-resize-handle-right::after,\n\t\t.richMedia-resize-handle-left::after {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t\t/* Media resize new handlers */\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\n\t\t/* Smart cards */\n\t\tdiv div .media-card-frame,\n\t\t.inlineCardView-content-wrap > span > a {\n\t\t\tbackground-color: ", "; /* R75 with 50% opactiy */\n\t\t\ttransition: background-color 0s;\n\t\t}\n\n\t\tdiv div .media-card-frame::after {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.warning {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t}\n\n\t.media-filmstrip-list-item {\n\t\tcursor: pointer;\n\t}\n\n\t/* When clicking drag handle, mediaGroup node will be selected. Hence we need to apply selected style to each media node */\n\t.mediaGroupView-content-wrap.", " #newFileExperienceWrapper {\n\t\tbox-shadow: ", ";\n\t}\n\n\t// Remove when cleaning up platform_editor_interaction_api_refactor\n\t.ak-editor-no-interaction #newFileExperienceWrapper {\n\t\tbox-shadow: none;\n\t}\n"])), _styles.mediaSingleSharedStyleNew, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _mediaInline.mediaInlineImageStyles, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border, #091E4224)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border-focused, #388BFF)", "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))", _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-warning, #E56910)", _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-warning, #E56910)", _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBoxShadow);
17
+ return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", " & [layout='full-width'] .", ",\n & [layout='wide'] .", " {\n\t\t\tmargin-left: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t.media-extended-resize-experience[layout^='wrap-'] {\n\t\t\t/* override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle\n\t\t\tto prevent scroll bar */\n\t\t\toverflow: visible !important;\n\t\t}\n\n\t\t& [layout^='wrap-'] + [layout^='wrap-'] {\n\t\t\tclear: none;\n\t\t\t& + p,\n\t\t\t& + div[class^='fabric-editor-align'],\n\t\t\t& + ul,\n\t\t\t& + ol,\n\t\t\t& + h1,\n\t\t\t& + h2,\n\t\t\t& + h3,\n\t\t\t& + h4,\n\t\t\t& + h5,\n\t\t\t& + h6 {\n\t\t\t\tclear: both !important;\n\t\t\t}\n\t\t\t& .", " {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t.mediaSingleView-content-wrap[layout^='wrap-'] {\n\t\t\tmax-width: 100%;\n\t\t\t/* overwrite default Prosemirror setting making it clear: both */\n\t\t\tclear: inherit;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right'] {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right']\n\t\t\t+ .mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tclear: both;\n\t\t}\n\n\t\t/* Larger margins for resize handlers when at depth 0 of the document */\n\t\t& > .mediaSingleView-content-wrap {\n\t\t\t.richMedia-resize-handle-right {\n\t\t\t\tmargin-right: -", "px;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-left {\n\t\t\t\tmargin-left: -", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.richMedia-resize-handle-right,\n\t.richMedia-resize-handle-left {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t/* vertical align */\n\t\tjustify-content: center;\n\t}\n\n\t.richMedia-resize-handle-right {\n\t\talign-items: flex-end;\n\t\tpadding-right: ", ";\n\t\tmargin-right: -", "px;\n\t}\n\n\t.richMedia-resize-handle-left {\n\t\talign-items: flex-start;\n\t\tpadding-left: ", ";\n\t\tmargin-left: -", "px;\n\t}\n\n\t.richMedia-resize-handle-right::after,\n\t.richMedia-resize-handle-left::after {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\theight: 64px;\n\n\t\tborder-radius: 6px;\n\t}\n\n\t.", ":hover .richMedia-resize-handle-left::after,\n\t.", ":hover .richMedia-resize-handle-right::after {\n\t\tbackground: ", ";\n\t}\n\n\t.", " .richMedia-resize-handle-right::after,\n\t.", " .richMedia-resize-handle-left::after,\n\t.", " .richMedia-resize-handle-right:hover::after,\n\t.", " .richMedia-resize-handle-left:hover::after,\n\t.", ".is-resizing .richMedia-resize-handle-right::after,\n\t.", ".is-resizing .richMedia-resize-handle-left::after {\n\t\tbackground: ", ";\n\t}\n\n\t.__resizable_base__ {\n\t\tleft: unset !important;\n\t\twidth: auto !important;\n\t\theight: auto !important;\n\t}\n\n\t/* Danger when top level node for smart cards / inline links */\n\t.danger > div > div > .media-card-frame,\n\t.danger > span > a {\n\t\tbackground-color: ", ";\n\t\tbox-shadow: 0px 0px 0px ", "px\n\t\t\t", ";\n\t\ttransition:\n\t\t\tbackground-color 0s,\n\t\t\tbox-shadow 0s;\n\t}\n\t/* Danger when nested node or common */\n\t.danger {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* Media single video player */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* New file experience */\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\t\t/* Media resize legacy handlers */\n\t\t.richMedia-resize-handle-right::after,\n\t\t.richMedia-resize-handle-left::after {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t\t/* Media resize new handlers */\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\n\t\t/* Smart cards */\n\t\tdiv div .media-card-frame,\n\t\t.inlineCardView-content-wrap > span > a {\n\t\t\tbackground-color: ", "; /* R75 with 50% opactiy */\n\t\t\ttransition: background-color 0s;\n\t\t}\n\n\t\tdiv div .media-card-frame::after {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.warning {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t}\n\n\t.media-filmstrip-list-item {\n\t\tcursor: pointer;\n\t}\n\n\t/* When clicking drag handle, mediaGroup node will be selected. Hence we need to apply selected style to each media node */\n\t.mediaGroupView-content-wrap.", " #newFileExperienceWrapper {\n\t\tbox-shadow: ", ";\n\t}\n"])), _styles.mediaSingleSharedStyleNew, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _mediaInline.mediaInlineImageStyles, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border, #091E4224)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border-focused, #388BFF)", "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))", _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-warning, #E56910)", _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-warning, #E56910)", _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBoxShadow);
18
18
  };
19
19
 
20
20
  /* `left: unset` above is to work around Chrome bug where rendering a div with
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -49,6 +49,7 @@ var _resizerStyles = require("./styles/resizerStyles");
49
49
  var _rule = require("./styles/rule");
50
50
  var _scrollbarStyles = require("./styles/scrollbarStyles");
51
51
  var _selectionStyles = require("./styles/selectionStyles");
52
+ var _selectionToolbarStyles = require("./styles/selectionToolbarStyles");
52
53
  var _shadowStyles = require("./styles/shadowStyles");
53
54
  var _smartCardStyles = require("./styles/smartCardStyles");
54
55
  var _statusStyles = require("./styles/statusStyles");
@@ -343,7 +344,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
343
344
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
344
345
  _link.hyperLinkFloatingToolbarStyles,
345
346
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
346
- !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _link.linkLegacyIconStylesFix],
347
+ !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _link.linkLegacyIconStylesFix,
348
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
349
+ (0, _platformFeatureFlags.fg)('confluence_floating_toolbar_animation') && _selectionToolbarStyles.selectionToolbarAnimationStyles],
347
350
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
348
351
  "data-testid": "editor-content-container",
349
352
  style: {
package/dist/cjs/ui/EditorContentContainer/styles/selectionToolbarStyles.js ADDED
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.selectionToolbarAnimationStyles = void 0;
7
+ var _react = require("@emotion/react");
8
+ // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
9
+
10
+ var fadeIn = (0, _react.keyframes)({
11
+ from: {
12
+ opacity: 0,
13
+ transform: 'translateY(-16px)'
14
+ },
15
+ to: {
16
+ opacity: 1,
17
+ transform: 'translateY(0)'
18
+ }
19
+ });
20
+
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
22
+ var selectionToolbarAnimationStyles = exports.selectionToolbarAnimationStyles = (0, _react.css)({
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
+ "[aria-label='Selection toolbar']": {
25
+ animationName: fadeIn,
26
+ animationDuration: "0.2s",
27
+ animationTimingFunction: "cubic-bezier(0.6, 0, 0, 1)"
28
+ }
29
+ });
package/dist/cjs/version-wrapper.js CHANGED
@@ -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 = "208.2.1";
8
+ var version = exports.version = "208.3.1";
package/dist/es2019/presets/universal.js CHANGED
@@ -101,7 +101,8 @@ export default function createUniversalPresetInternal({
101
101
  return false;
102
102
  };
103
103
  const finalPreset = defaultPreset.add(ufoPlugin).add(dataConsumerPlugin).add(accessibilityUtilsPlugin).add(contentInsertionPlugin).add(batchAttributeUpdatesPlugin).maybeAdd([breakoutPlugin, {
104
- allowBreakoutButton: appearance === 'full-page'
104
+ allowBreakoutButton: appearance === 'full-page',
105
+ appearance: appearance
105
106
  }], Boolean(props.allowBreakout && isFullPage)).maybeAdd(alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(listPlugin).maybeAdd(rulePlugin, Boolean(props.allowRule)).maybeAdd([expandPlugin, {
106
107
  allowInsertion: isExpandInsertionEnabled(props),
107
108
  useLongPressSelection: false,
package/dist/es2019/ui/Appearance/FullPage/FullPage.js CHANGED
@@ -51,11 +51,16 @@ const hasCustomComponents = components => {
51
51
  return true;
52
52
  };
53
53
  const useFullPageEditorPluginsStates = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
54
- return useSharedPluginState(pluginInjectionApi, ['editorViewMode', 'primaryToolbar', 'interaction']);
54
+ var _sharedState$interact;
55
+ const sharedState = useSharedPluginState(pluginInjectionApi, ['editorViewMode', 'primaryToolbar', 'interaction']);
56
+ return {
57
+ primaryToolbarState: sharedState === null || sharedState === void 0 ? void 0 : sharedState.primaryToolbarState,
58
+ editorViewModeState: sharedState === null || sharedState === void 0 ? void 0 : sharedState.editorViewModeState,
59
+ interactionState: sharedState === null || sharedState === void 0 ? void 0 : (_sharedState$interact = sharedState.interactionState) === null || _sharedState$interact === void 0 ? void 0 : _sharedState$interact.interactionState
60
+ };
55
61
  }, pluginInjectionApi => {
56
62
  const primaryToolbarComponents = useSharedPluginStateSelector(pluginInjectionApi, 'primaryToolbar.components');
57
63
  const editorViewMode = useSharedPluginStateSelector(pluginInjectionApi, 'editorViewMode.mode');
58
- const hasHadInteraction = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.hasHadInteraction');
59
64
  const interactionState = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.interactionState');
60
65
  return {
61
66
  primaryToolbarState: !primaryToolbarComponents ? undefined : {
@@ -64,10 +69,7 @@ const useFullPageEditorPluginsStates = sharedPluginStateHookMigratorFactory(plug
64
69
  editorViewModeState: !editorViewMode ? undefined : {
65
70
  mode: editorViewMode
66
71
  },
67
- interactionState: hasHadInteraction === undefined || interactionState === undefined ? undefined : {
68
- hasHadInteraction,
69
- interactionState
70
- }
72
+ interactionState
71
73
  };
72
74
  });
73
75
  export const FullPageEditor = props => {
@@ -83,19 +85,7 @@ export const FullPageEditor = props => {
83
85
  } = useFullPageEditorPluginsStates(editorAPI);
84
86
  const primaryToolbarState = getPrimaryToolbarComponents(editorAPI, primaryToolbarHookState === null || primaryToolbarHookState === void 0 ? void 0 : primaryToolbarHookState.components);
85
87
  const viewMode = getEditorViewMode(editorViewModeState, props.preset);
86
-
87
- // Remove all this logic when platform_editor_interaction_api_refactor is cleaned up
88
- let hasHadInteraction;
89
- if (fg('platform_editor_interaction_api_refactor')) {
90
- // Warning: this logic is a cluster-f but `hasHadInteraction` depends on undefined being allowed
91
- // in which case no class will be rendered at all. In this way we only set `hasHadInteraction to
92
- // boolean when interactionState is not undefined.
93
- if (interactionState) {
94
- hasHadInteraction = interactionState.interactionState !== 'hasNotHadInteraction';
95
- }
96
- } else {
97
- hasHadInteraction = interactionState === null || interactionState === void 0 ? void 0 : interactionState.hasHadInteraction;
98
- }
88
+ const hasHadInteraction = interactionState !== 'hasNotHadInteraction';
99
89
  let toolbarDocking = useSharedPluginStateSelector(editorAPI, 'selectionToolbar.toolbarDocking', {
100
90
  disabled: fg('platform_editor_use_preferences_plugin')
101
91
  });
package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -61,16 +61,6 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
61
61
  return containerRef.current;
62
62
  }
63
63
  }), []);
64
-
65
- // Remove entire `hasHadInteraction` logic and prop when 'platform_editor_interaction_api_refactor' is cleaned up
66
- let interactionClassName;
67
- if (fg('platform_editor_interaction_api_refactor')) {
68
- // no-op and do not add any classes
69
- } else if (
70
- // eslint-disable-next-line @atlaskit/platform/no-preconditioning
71
- props.hasHadInteraction !== undefined && fg('platform_editor_no_cursor_on_live_doc_init')) {
72
- interactionClassName = props.hasHadInteraction ? 'ak-editor-has-interaction' : 'ak-editor-no-interaction';
73
- }
74
64
  const shouldSetHiddenDataAttribute = () => {
75
65
  // When platform_editor_controls_performance_fixes is enabled we use a different method to
76
66
  // determine if the toolbar is hidden from outside of the editor, which doesn't require setting
@@ -130,7 +120,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
130
120
  css: editorContentGutterStyle()
131
121
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
132
122
  ,
133
- className: fg('platform_editor_no_cursor_on_live_doc_init') ? classnames('ak-editor-content-area', 'appearance-full-page', interactionClassName, {
123
+ className: fg('platform_editor_no_cursor_on_live_doc_init') ? classnames('ak-editor-content-area', 'appearance-full-page', {
134
124
  'fabric-editor--full-width-mode': fullWidthMode
135
125
  }) : ['ak-editor-content-area', 'appearance-full-page', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
136
126
  ref: contentAreaRef
package/dist/es2019/ui/ContentStyles/media.js CHANGED
@@ -195,11 +195,6 @@ export const mediaStyles = () => css`
195
195
  .mediaGroupView-content-wrap.${akEditorSelectedNodeClassName} #newFileExperienceWrapper {
196
196
  box-shadow: ${akEditorSelectedBoxShadow};
197
197
  }
198
-
199
- // Remove when cleaning up platform_editor_interaction_api_refactor
200
- .ak-editor-no-interaction #newFileExperienceWrapper {
201
- box-shadow: none;
202
- }
203
198
  `;
204
199
 
205
200
  /* `left: unset` above is to work around Chrome bug where rendering a div with
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -50,6 +50,7 @@ import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticStylesLayou
50
50
  import { ruleStyles } from './styles/rule';
51
51
  import { scrollbarStyles } from './styles/scrollbarStyles';
52
52
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
53
+ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
53
54
  import { shadowStyles } from './styles/shadowStyles';
54
55
  import { linkingVisualRefreshV1Styles, smartCardStyles, smartLinksInLivePagesStyles, smartLinksInLivePagesStylesOld } from './styles/smartCardStyles';
55
56
  import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh, vanillaStatusStyles, vanillaStatusStylesMixin_fg_platform_component_visual_refresh, vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh } from './styles/statusStyles';
@@ -338,7 +339,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
338
339
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
339
340
  hyperLinkFloatingToolbarStyles,
340
341
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
341
- !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix],
342
+ !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix,
343
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
344
+ fg('confluence_floating_toolbar_animation') && selectionToolbarAnimationStyles],
342
345
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
343
346
  "data-testid": "editor-content-container",
344
347
  style: {
package/dist/es2019/ui/EditorContentContainer/styles/selectionToolbarStyles.js ADDED
@@ -0,0 +1,22 @@
1
+ import { css, keyframes } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
2
+
3
+ const fadeIn = keyframes({
4
+ from: {
5
+ opacity: 0,
6
+ transform: 'translateY(-16px)'
7
+ },
8
+ to: {
9
+ opacity: 1,
10
+ transform: 'translateY(0)'
11
+ }
12
+ });
13
+
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
15
+ export const selectionToolbarAnimationStyles = css({
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
+ "[aria-label='Selection toolbar']": {
18
+ animationName: fadeIn,
19
+ animationDuration: `0.2s`,
20
+ animationTimingFunction: `cubic-bezier(0.6, 0, 0, 1)`
21
+ }
22
+ });
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "208.2.1";
2
+ export const version = "208.3.1";
package/dist/esm/presets/universal.js CHANGED
@@ -104,7 +104,8 @@ export default function createUniversalPresetInternal(_ref) {
104
104
  return false;
105
105
  };
106
106
  var finalPreset = defaultPreset.add(ufoPlugin).add(dataConsumerPlugin).add(accessibilityUtilsPlugin).add(contentInsertionPlugin).add(batchAttributeUpdatesPlugin).maybeAdd([breakoutPlugin, {
107
- allowBreakoutButton: appearance === 'full-page'
107
+ allowBreakoutButton: appearance === 'full-page',
108
+ appearance: appearance
108
109
  }], Boolean(props.allowBreakout && isFullPage)).maybeAdd(alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(listPlugin).maybeAdd(rulePlugin, Boolean(props.allowRule)).maybeAdd([expandPlugin, {
109
110
  allowInsertion: isExpandInsertionEnabled(props),
110
111
  useLongPressSelection: false,
package/dist/esm/ui/Appearance/FullPage/FullPage.js CHANGED
@@ -57,11 +57,16 @@ var hasCustomComponents = function hasCustomComponents(components) {
57
57
  return true;
58
58
  };
59
59
  var useFullPageEditorPluginsStates = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
60
- return useSharedPluginState(pluginInjectionApi, ['editorViewMode', 'primaryToolbar', 'interaction']);
60
+ var _sharedState$interact;
61
+ var sharedState = useSharedPluginState(pluginInjectionApi, ['editorViewMode', 'primaryToolbar', 'interaction']);
62
+ return {
63
+ primaryToolbarState: sharedState === null || sharedState === void 0 ? void 0 : sharedState.primaryToolbarState,
64
+ editorViewModeState: sharedState === null || sharedState === void 0 ? void 0 : sharedState.editorViewModeState,
65
+ interactionState: sharedState === null || sharedState === void 0 || (_sharedState$interact = sharedState.interactionState) === null || _sharedState$interact === void 0 ? void 0 : _sharedState$interact.interactionState
66
+ };
61
67
  }, function (pluginInjectionApi) {
62
68
  var primaryToolbarComponents = useSharedPluginStateSelector(pluginInjectionApi, 'primaryToolbar.components');
63
69
  var editorViewMode = useSharedPluginStateSelector(pluginInjectionApi, 'editorViewMode.mode');
64
- var hasHadInteraction = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.hasHadInteraction');
65
70
  var interactionState = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.interactionState');
66
71
  return {
67
72
  primaryToolbarState: !primaryToolbarComponents ? undefined : {
@@ -70,10 +75,7 @@ var useFullPageEditorPluginsStates = sharedPluginStateHookMigratorFactory(functi
70
75
  editorViewModeState: !editorViewMode ? undefined : {
71
76
  mode: editorViewMode
72
77
  },
73
- interactionState: hasHadInteraction === undefined || interactionState === undefined ? undefined : {
74
- hasHadInteraction: hasHadInteraction,
75
- interactionState: interactionState
76
- }
78
+ interactionState: interactionState
77
79
  };
78
80
  });
79
81
  export var FullPageEditor = function FullPageEditor(props) {
@@ -90,19 +92,7 @@ export var FullPageEditor = function FullPageEditor(props) {
90
92
  interactionState = _useFullPageEditorPlu.interactionState;
91
93
  var primaryToolbarState = getPrimaryToolbarComponents(editorAPI, primaryToolbarHookState === null || primaryToolbarHookState === void 0 ? void 0 : primaryToolbarHookState.components);
92
94
  var viewMode = getEditorViewMode(editorViewModeState, props.preset);
93
-
94
- // Remove all this logic when platform_editor_interaction_api_refactor is cleaned up
95
- var hasHadInteraction;
96
- if (fg('platform_editor_interaction_api_refactor')) {
97
- // Warning: this logic is a cluster-f but `hasHadInteraction` depends on undefined being allowed
98
- // in which case no class will be rendered at all. In this way we only set `hasHadInteraction to
99
- // boolean when interactionState is not undefined.
100
- if (interactionState) {
101
- hasHadInteraction = interactionState.interactionState !== 'hasNotHadInteraction';
102
- }
103
- } else {
104
- hasHadInteraction = interactionState === null || interactionState === void 0 ? void 0 : interactionState.hasHadInteraction;
105
- }
95
+ var hasHadInteraction = interactionState !== 'hasNotHadInteraction';
106
96
  var toolbarDocking = useSharedPluginStateSelector(editorAPI, 'selectionToolbar.toolbarDocking', {
107
97
  disabled: fg('platform_editor_use_preferences_plugin')
108
98
  });
package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -66,16 +66,6 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
66
66
  }
67
67
  };
68
68
  }, []);
69
-
70
- // Remove entire `hasHadInteraction` logic and prop when 'platform_editor_interaction_api_refactor' is cleaned up
71
- var interactionClassName;
72
- if (fg('platform_editor_interaction_api_refactor')) {
73
- // no-op and do not add any classes
74
- } else if (
75
- // eslint-disable-next-line @atlaskit/platform/no-preconditioning
76
- props.hasHadInteraction !== undefined && fg('platform_editor_no_cursor_on_live_doc_init')) {
77
- interactionClassName = props.hasHadInteraction ? 'ak-editor-has-interaction' : 'ak-editor-no-interaction';
78
- }
79
69
  var shouldSetHiddenDataAttribute = function shouldSetHiddenDataAttribute() {
80
70
  // When platform_editor_controls_performance_fixes is enabled we use a different method to
81
71
  // determine if the toolbar is hidden from outside of the editor, which doesn't require setting
@@ -133,7 +123,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
133
123
  css: editorContentGutterStyle()
134
124
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
135
125
  ,
136
- className: fg('platform_editor_no_cursor_on_live_doc_init') ? classnames('ak-editor-content-area', 'appearance-full-page', interactionClassName, {
126
+ className: fg('platform_editor_no_cursor_on_live_doc_init') ? classnames('ak-editor-content-area', 'appearance-full-page', {
137
127
  'fabric-editor--full-width-mode': fullWidthMode
138
128
  }) : ['ak-editor-content-area', 'appearance-full-page', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
139
129
  ref: contentAreaRef
package/dist/esm/ui/ContentStyles/media.js CHANGED
@@ -8,7 +8,7 @@ import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor
8
8
  import { fileCardImageViewSelector, inlinePlayerClassName, newFileExperienceClassName } from '@atlaskit/media-card';
9
9
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
10
10
  export var mediaStyles = function mediaStyles() {
11
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", " & [layout='full-width'] .", ",\n & [layout='wide'] .", " {\n\t\t\tmargin-left: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t.media-extended-resize-experience[layout^='wrap-'] {\n\t\t\t/* override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle\n\t\t\tto prevent scroll bar */\n\t\t\toverflow: visible !important;\n\t\t}\n\n\t\t& [layout^='wrap-'] + [layout^='wrap-'] {\n\t\t\tclear: none;\n\t\t\t& + p,\n\t\t\t& + div[class^='fabric-editor-align'],\n\t\t\t& + ul,\n\t\t\t& + ol,\n\t\t\t& + h1,\n\t\t\t& + h2,\n\t\t\t& + h3,\n\t\t\t& + h4,\n\t\t\t& + h5,\n\t\t\t& + h6 {\n\t\t\t\tclear: both !important;\n\t\t\t}\n\t\t\t& .", " {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t.mediaSingleView-content-wrap[layout^='wrap-'] {\n\t\t\tmax-width: 100%;\n\t\t\t/* overwrite default Prosemirror setting making it clear: both */\n\t\t\tclear: inherit;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right'] {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right']\n\t\t\t+ .mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tclear: both;\n\t\t}\n\n\t\t/* Larger margins for resize handlers when at depth 0 of the document */\n\t\t& > .mediaSingleView-content-wrap {\n\t\t\t.richMedia-resize-handle-right {\n\t\t\t\tmargin-right: -", "px;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-left {\n\t\t\t\tmargin-left: -", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.richMedia-resize-handle-right,\n\t.richMedia-resize-handle-left {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t/* vertical align */\n\t\tjustify-content: center;\n\t}\n\n\t.richMedia-resize-handle-right {\n\t\talign-items: flex-end;\n\t\tpadding-right: ", ";\n\t\tmargin-right: -", "px;\n\t}\n\n\t.richMedia-resize-handle-left {\n\t\talign-items: flex-start;\n\t\tpadding-left: ", ";\n\t\tmargin-left: -", "px;\n\t}\n\n\t.richMedia-resize-handle-right::after,\n\t.richMedia-resize-handle-left::after {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\theight: 64px;\n\n\t\tborder-radius: 6px;\n\t}\n\n\t.", ":hover .richMedia-resize-handle-left::after,\n\t.", ":hover .richMedia-resize-handle-right::after {\n\t\tbackground: ", ";\n\t}\n\n\t.", " .richMedia-resize-handle-right::after,\n\t.", " .richMedia-resize-handle-left::after,\n\t.", " .richMedia-resize-handle-right:hover::after,\n\t.", " .richMedia-resize-handle-left:hover::after,\n\t.", ".is-resizing .richMedia-resize-handle-right::after,\n\t.", ".is-resizing .richMedia-resize-handle-left::after {\n\t\tbackground: ", ";\n\t}\n\n\t.__resizable_base__ {\n\t\tleft: unset !important;\n\t\twidth: auto !important;\n\t\theight: auto !important;\n\t}\n\n\t/* Danger when top level node for smart cards / inline links */\n\t.danger > div > div > .media-card-frame,\n\t.danger > span > a {\n\t\tbackground-color: ", ";\n\t\tbox-shadow: 0px 0px 0px ", "px\n\t\t\t", ";\n\t\ttransition:\n\t\t\tbackground-color 0s,\n\t\t\tbox-shadow 0s;\n\t}\n\t/* Danger when nested node or common */\n\t.danger {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* Media single video player */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* New file experience */\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\t\t/* Media resize legacy handlers */\n\t\t.richMedia-resize-handle-right::after,\n\t\t.richMedia-resize-handle-left::after {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t\t/* Media resize new handlers */\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\n\t\t/* Smart cards */\n\t\tdiv div .media-card-frame,\n\t\t.inlineCardView-content-wrap > span > a {\n\t\t\tbackground-color: ", "; /* R75 with 50% opactiy */\n\t\t\ttransition: background-color 0s;\n\t\t}\n\n\t\tdiv div .media-card-frame::after {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.warning {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t}\n\n\t.media-filmstrip-list-item {\n\t\tcursor: pointer;\n\t}\n\n\t/* When clicking drag handle, mediaGroup node will be selected. Hence we need to apply selected style to each media node */\n\t.mediaGroupView-content-wrap.", " #newFileExperienceWrapper {\n\t\tbox-shadow: ", ";\n\t}\n\n\t// Remove when cleaning up platform_editor_interaction_api_refactor\n\t.ak-editor-no-interaction #newFileExperienceWrapper {\n\t\tbox-shadow: none;\n\t}\n"])), mediaSingleSharedStyleNew, richMediaClassName, richMediaClassName, richMediaClassName, mediaInlineImageStyles, akEditorMediaResizeHandlerPaddingWide, akEditorMediaResizeHandlerPaddingWide, "var(--ds-space-150, 12px)", akEditorMediaResizeHandlerPadding, "var(--ds-space-150, 12px)", akEditorMediaResizeHandlerPadding, richMediaClassName, richMediaClassName, "var(--ds-border, #091E4224)", akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, "var(--ds-border-focused, #388BFF)", "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), richMediaClassName, fileCardImageViewSelector, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), richMediaClassName, inlinePlayerClassName, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), richMediaClassName, newFileExperienceClassName, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))", richMediaClassName, fileCardImageViewSelector, "var(--ds-border-warning, #E56910)", richMediaClassName, inlinePlayerClassName, "var(--ds-border-warning, #E56910)", richMediaClassName, newFileExperienceClassName, "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)", akEditorSelectedNodeClassName, akEditorSelectedBoxShadow);
11
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", " & [layout='full-width'] .", ",\n & [layout='wide'] .", " {\n\t\t\tmargin-left: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t.media-extended-resize-experience[layout^='wrap-'] {\n\t\t\t/* override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle\n\t\t\tto prevent scroll bar */\n\t\t\toverflow: visible !important;\n\t\t}\n\n\t\t& [layout^='wrap-'] + [layout^='wrap-'] {\n\t\t\tclear: none;\n\t\t\t& + p,\n\t\t\t& + div[class^='fabric-editor-align'],\n\t\t\t& + ul,\n\t\t\t& + ol,\n\t\t\t& + h1,\n\t\t\t& + h2,\n\t\t\t& + h3,\n\t\t\t& + h4,\n\t\t\t& + h5,\n\t\t\t& + h6 {\n\t\t\t\tclear: both !important;\n\t\t\t}\n\t\t\t& .", " {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t.mediaSingleView-content-wrap[layout^='wrap-'] {\n\t\t\tmax-width: 100%;\n\t\t\t/* overwrite default Prosemirror setting making it clear: both */\n\t\t\tclear: inherit;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right'] {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right']\n\t\t\t+ .mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tclear: both;\n\t\t}\n\n\t\t/* Larger margins for resize handlers when at depth 0 of the document */\n\t\t& > .mediaSingleView-content-wrap {\n\t\t\t.richMedia-resize-handle-right {\n\t\t\t\tmargin-right: -", "px;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-left {\n\t\t\t\tmargin-left: -", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.richMedia-resize-handle-right,\n\t.richMedia-resize-handle-left {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t/* vertical align */\n\t\tjustify-content: center;\n\t}\n\n\t.richMedia-resize-handle-right {\n\t\talign-items: flex-end;\n\t\tpadding-right: ", ";\n\t\tmargin-right: -", "px;\n\t}\n\n\t.richMedia-resize-handle-left {\n\t\talign-items: flex-start;\n\t\tpadding-left: ", ";\n\t\tmargin-left: -", "px;\n\t}\n\n\t.richMedia-resize-handle-right::after,\n\t.richMedia-resize-handle-left::after {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\theight: 64px;\n\n\t\tborder-radius: 6px;\n\t}\n\n\t.", ":hover .richMedia-resize-handle-left::after,\n\t.", ":hover .richMedia-resize-handle-right::after {\n\t\tbackground: ", ";\n\t}\n\n\t.", " .richMedia-resize-handle-right::after,\n\t.", " .richMedia-resize-handle-left::after,\n\t.", " .richMedia-resize-handle-right:hover::after,\n\t.", " .richMedia-resize-handle-left:hover::after,\n\t.", ".is-resizing .richMedia-resize-handle-right::after,\n\t.", ".is-resizing .richMedia-resize-handle-left::after {\n\t\tbackground: ", ";\n\t}\n\n\t.__resizable_base__ {\n\t\tleft: unset !important;\n\t\twidth: auto !important;\n\t\theight: auto !important;\n\t}\n\n\t/* Danger when top level node for smart cards / inline links */\n\t.danger > div > div > .media-card-frame,\n\t.danger > span > a {\n\t\tbackground-color: ", ";\n\t\tbox-shadow: 0px 0px 0px ", "px\n\t\t\t", ";\n\t\ttransition:\n\t\t\tbackground-color 0s,\n\t\t\tbox-shadow 0s;\n\t}\n\t/* Danger when nested node or common */\n\t.danger {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* Media single video player */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* New file experience */\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\t\t/* Media resize legacy handlers */\n\t\t.richMedia-resize-handle-right::after,\n\t\t.richMedia-resize-handle-left::after {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t\t/* Media resize new handlers */\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\n\t\t/* Smart cards */\n\t\tdiv div .media-card-frame,\n\t\t.inlineCardView-content-wrap > span > a {\n\t\t\tbackground-color: ", "; /* R75 with 50% opactiy */\n\t\t\ttransition: background-color 0s;\n\t\t}\n\n\t\tdiv div .media-card-frame::after {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.warning {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t}\n\n\t.media-filmstrip-list-item {\n\t\tcursor: pointer;\n\t}\n\n\t/* When clicking drag handle, mediaGroup node will be selected. Hence we need to apply selected style to each media node */\n\t.mediaGroupView-content-wrap.", " #newFileExperienceWrapper {\n\t\tbox-shadow: ", ";\n\t}\n"])), mediaSingleSharedStyleNew, richMediaClassName, richMediaClassName, richMediaClassName, mediaInlineImageStyles, akEditorMediaResizeHandlerPaddingWide, akEditorMediaResizeHandlerPaddingWide, "var(--ds-space-150, 12px)", akEditorMediaResizeHandlerPadding, "var(--ds-space-150, 12px)", akEditorMediaResizeHandlerPadding, richMediaClassName, richMediaClassName, "var(--ds-border, #091E4224)", akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, "var(--ds-border-focused, #388BFF)", "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), richMediaClassName, fileCardImageViewSelector, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), richMediaClassName, inlinePlayerClassName, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), richMediaClassName, newFileExperienceClassName, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))", richMediaClassName, fileCardImageViewSelector, "var(--ds-border-warning, #E56910)", richMediaClassName, inlinePlayerClassName, "var(--ds-border-warning, #E56910)", richMediaClassName, newFileExperienceClassName, "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)", akEditorSelectedNodeClassName, akEditorSelectedBoxShadow);
12
12
  };
13
13
 
14
14
  /* `left: unset` above is to work around Chrome bug where rendering a div with
package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -50,6 +50,7 @@ import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticStylesLayou
50
50
  import { ruleStyles } from './styles/rule';
51
51
  import { scrollbarStyles } from './styles/scrollbarStyles';
52
52
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
53
+ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
53
54
  import { shadowStyles } from './styles/shadowStyles';
54
55
  import { linkingVisualRefreshV1Styles, smartCardStyles, smartLinksInLivePagesStyles, smartLinksInLivePagesStylesOld } from './styles/smartCardStyles';
55
56
  import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh, vanillaStatusStyles, vanillaStatusStylesMixin_fg_platform_component_visual_refresh, vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh } from './styles/statusStyles';
@@ -335,7 +336,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
335
336
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
336
337
  hyperLinkFloatingToolbarStyles,
337
338
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
338
- !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix],
339
+ !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix,
340
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
341
+ fg('confluence_floating_toolbar_animation') && selectionToolbarAnimationStyles],
339
342
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
340
343
  "data-testid": "editor-content-container",
341
344
  style: {
package/dist/esm/ui/EditorContentContainer/styles/selectionToolbarStyles.js ADDED
@@ -0,0 +1,22 @@
1
+ import { css, keyframes } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
2
+
3
+ var fadeIn = keyframes({
4
+ from: {
5
+ opacity: 0,
6
+ transform: 'translateY(-16px)'
7
+ },
8
+ to: {
9
+ opacity: 1,
10
+ transform: 'translateY(0)'
11
+ }
12
+ });
13
+
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
15
+ export var selectionToolbarAnimationStyles = css({
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
+ "[aria-label='Selection toolbar']": {
18
+ animationName: fadeIn,
19
+ animationDuration: "0.2s",
20
+ animationTimingFunction: "cubic-bezier(0.6, 0, 0, 1)"
21
+ }
22
+ });
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "208.2.1";
2
+ export var version = "208.3.1";
package/dist/types/ui/EditorContentContainer/styles/selectionToolbarStyles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const selectionToolbarAnimationStyles: import("@emotion/react").SerializedStyles;
package/dist/types-ts4.5/ui/EditorContentContainer/styles/selectionToolbarStyles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const selectionToolbarAnimationStyles: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "208.3.0",
3
+ "version": "208.3.2",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
47
47
  "@atlaskit/button": "^23.2.0",
48
48
  "@atlaskit/css": "^0.11.0",
49
- "@atlaskit/editor-common": "^107.1.0",
49
+ "@atlaskit/editor-common": "^107.2.0",
50
50
  "@atlaskit/editor-json-transformer": "^8.24.0",
51
51
  "@atlaskit/editor-performance-metrics": "^2.1.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^2.6.0",
@@ -63,7 +63,7 @@
63
63
  "@atlaskit/platform-feature-flags-react": "^0.2.0",
64
64
  "@atlaskit/react-ufo": "^3.13.0",
65
65
  "@atlaskit/task-decision": "^19.2.0",
66
- "@atlaskit/tmp-editor-statsig": "^8.0.0",
66
+ "@atlaskit/tmp-editor-statsig": "^8.1.0",
67
67
  "@atlaskit/tokens": "^5.4.0",
68
68
  "@atlaskit/tooltip": "^20.3.0",
69
69
  "@atlaskit/width-detector": "^5.0.0",
@@ -97,7 +97,7 @@
97
97
  "@atlaskit/editor-plugin-list": "^4.2.0",
98
98
  "@atlaskit/editor-plugin-paste": "^3.3.0",
99
99
  "@atlaskit/link-provider": "^3.3.0",
100
- "@atlaskit/logo": "^19.1.0",
100
+ "@atlaskit/logo": "^19.2.0",
101
101
  "@atlaskit/media-core": "^37.0.0",
102
102
  "@atlaskit/media-integration-test-helpers": "workspace:^",
103
103
  "@atlaskit/media-test-helpers": "^37.0.0",
@@ -105,7 +105,7 @@
105
105
  "@atlaskit/primitives": "^14.9.0",
106
106
  "@atlaskit/renderer": "^119.0.0",
107
107
  "@atlaskit/section-message": "^8.2.0",
108
- "@atlaskit/smart-card": "^38.13.0",
108
+ "@atlaskit/smart-card": "^38.14.0",
109
109
  "@atlaskit/synchrony-test-helpers": "workspace:^",
110
110
  "@atlaskit/toggle": "^15.0.0",
111
111
  "@atlaskit/util-data-test": "^18.0.0",
@@ -155,6 +155,9 @@
155
155
  "cc_editor_abort_ufo_load_on_editor_scroll": {
156
156
  "type": "boolean"
157
157
  },
158
+ "confluence_floating_toolbar_animation": {
159
+ "type": "boolean"
160
+ },
158
161
  "platform_editor_reduce_scroll_jump_on_editor_start": {
159
162
  "type": "boolean"
160
163
  },
@@ -290,10 +293,6 @@
290
293
  "type": "boolean",
291
294
  "referenceOnly": true
292
295
  },
293
- "editor_a11y_tab_does_not_close_menus": {
294
- "type": "boolean",
295
- "referenceOnly": true
296
- },
297
296
  "platform_editor_floating_toolbar_padding_fix": {
298
297
  "type": "boolean",
299
298
  "referenceOnly": true
@@ -306,10 +305,6 @@
306
305
  "type": "boolean",
307
306
  "referenceOnly": true
308
307
  },
309
- "editor_a11y_status_renderer_description": {
310
- "type": "boolean",
311
- "referenceOnly": true
312
- },
313
308
  "platform_editor_axe_leading_paragraph_from_media": {
314
309
  "type": "boolean",
315
310
  "referenceOnly": true
@@ -544,10 +539,6 @@
544
539
  "type": "boolean",
545
540
  "referenceOnly": true
546
541
  },
547
- "platform_editor_controls_patch_9": {
548
- "type": "boolean",
549
- "referenceOnly": true
550
- },
551
542
  "platform_editor_controls_patch_12": {
552
543
  "type": "boolean",
553
544
  "referenceOnly": true
@@ -585,9 +576,6 @@
585
576
  "platform_editor_fix_table_width_inline_comment": {
586
577
  "type": "boolean"
587
578
  },
588
- "platform_editor_interaction_api_refactor": {
589
- "type": "boolean"
590
- },
591
579
  "dst-a11y__replace-anchor-with-link__editor": {
592
580
  "type": "boolean"
593
581
  },