@atlaskit/editor-core 187.8.0 → 187.8.7

package/dist/cjs/plugins/text-formatting/pm-plugins/plugin-key.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var pluginKey = new _prosemirrorState.PluginKey('textFormatting');
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = new _state.PluginKey('textFormatting');
 exports.pluginKey = pluginKey;

package/dist/cjs/plugins/text-formatting/pm-plugins/smart-input-rule.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _prosemirrorState = require("prosemirror-state");
+var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _inputRules = require("../../../utils/input-rules");
 var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -33,7 +33,7 @@ function replaceTextUsingCaptureGroup(text) {
     // But, this is JS #trustnoone
     Math.max(startPos, 0), end);
     tr.replaceWith(safePos, end, state.schema.text(replacement, $to.marks()));
-    tr.setSelection(_prosemirrorState.Selection.near(tr.doc.resolve(tr.selection.to)));
+    tr.setSelection(_state2.Selection.near(tr.doc.resolve(tr.selection.to)));
     return tr;
   };
 }

package/dist/cjs/plugins/text-formatting/ui/Toolbar/dropdown-menu.js

@@ -9,7 +9,7 @@ exports.FormattingTextDropdownMenu = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _DropdownMenu = _interopRequireDefault(require("../../../../ui/DropdownMenu"));
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _menuState = require("./hooks/menu-state");
 var _moreButton = require("./more-button");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -46,7 +46,7 @@ var FormattingTextDropdownMenu = /*#__PURE__*/_react.default.memo(function (_ref
       closeMenu();
     }
   }, [editorView.state, editorView.dispatch, closeMenu]);
-  return /*#__PURE__*/_react.default.createElement(_DropdownMenu.default, {
+  return /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownMenuWithKeyboardNavigation, {
     mountTo: popupsMountPoint,
     onOpenChange: closeMenu,
     boundariesElement: popupsBoundariesElement,

package/dist/cjs/plugins/text-formatting/ui/Toolbar/hooks/formatting-icons.js

@@ -16,9 +16,8 @@ var _toolbarMessages = require("../toolbar-messages");
 var commands = _interopRequireWildcard(require("../../../commands/text-formatting"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _pluginKey = require("../../../pm-plugins/plugin-key");
-var _keymaps = require("../../../../../keymaps");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _types = require("../types");
-var _keymaps2 = require("@atlaskit/editor-common/keymaps");
 var _IconsMarkSchema;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -108,7 +107,7 @@ var getIcon = function getIcon(_ref) {
     isActive: isActive,
     isDisabled: isDisabled,
     'aria-label': tooltipKeymap ? (0, _keymaps.tooltip)(tooltipKeymap, String(content)) : String(content),
-    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(tooltipKeymap)
+    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(tooltipKeymap)
   };
 };
 var IconsMarkSchema = (_IconsMarkSchema = {}, (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.strong, 'strong'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.em, 'em'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.strike, 'strike'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.code, 'code'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.underline, 'underline'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.superscript, 'subsup'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.subscript, 'subsup'), _IconsMarkSchema);

package/dist/cjs/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = exports.createPlugin = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorUtils = require("prosemirror-utils");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var _selection = require("../../list/utils/selection");
 var _helpers = require("../../tasks-and-decisions/pm-plugins/helpers");
 var _commands = require("../../indentation/commands");
-var pluginKey = new _prosemirrorState.PluginKey('indentationButtonsPlugin');
+var pluginKey = new _state.PluginKey('indentationButtonsPlugin');
 exports.pluginKey = pluginKey;
 function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation) {
   var state = {
@@ -50,7 +50,7 @@ function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndenta
     };
   }
   var isTopLevelParagraphOrHeading = selection.$from.depth === 1;
-  var isInLayoutNode = (0, _prosemirrorUtils.hasParentNodeOfType)(editorState.schema.nodes.layoutColumn)(selection) &&
+  var isInLayoutNode = (0, _utils.hasParentNodeOfType)(editorState.schema.nodes.layoutColumn)(selection) &&
   // depth of non-nested paragraphs and headings in layouts will always be 3
   selection.$from.depth === 3;
   if (allowHeadingAndParagraphIndentation && (0, _commands.isIndentationAllowed)(editorState.schema, node) && (isTopLevelParagraphOrHeading || isInLayoutNode)) {
@@ -89,7 +89,7 @@ var createPlugin = function createPlugin(_ref) {
       apply: function apply(_tr, pluginState, _oldState, newState) {
         if (showIndentationButtons) {
           var state = getIndentationButtonsState(newState, allowHeadingAndParagraphIndentation);
-          if (!(0, _utils.shallowEqual)(pluginState, state)) {
+          if (!(0, _utils2.shallowEqual)(pluginState, state)) {
             dispatch(pluginKey, state);
             return state;
           }

package/dist/cjs/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.js

@@ -12,7 +12,7 @@ var _reactIntlNext = require("react-intl-next");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _bulletList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/bullet-list"));
 var _keymaps = require("../../../keymaps");
-var _DropdownMenu = _interopRequireDefault(require("../../../ui/DropdownMenu"));
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _ToolbarButton = _interopRequireDefault(require("../../../ui/ToolbarButton"));
 var _styles = require("../../../ui/styles");
 var _styles2 = require("@atlaskit/editor-common/styles");
@@ -69,7 +69,7 @@ function ToolbarDropdown(props) {
   };
   return (0, _react.jsx)("span", {
     css: _styles2.wrapperStyle
-  }, (0, _react.jsx)(_DropdownMenu.default, {
+  }, (0, _react.jsx)(_uiMenu.DropdownMenuWithKeyboardNavigation, {
     items: items,
     onItemActivated: handleOnItemActivated,
     mountTo: popupsMountPoint,

package/dist/cjs/plugins/type-ahead/commands/insert-type-ahead-item.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.insertTypeAheadItem = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _prosemirrorHistory = require("prosemirror-history");
-var _prosemirrorModel = require("prosemirror-model");
+var _history = require("@atlaskit/editor-prosemirror/history");
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _steps = require("@atlaskit/adf-schema/steps");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _insertUtils = require("../insert-utils");
@@ -22,14 +22,14 @@ var validateNode = function validateNode(_ref) {
   if (!maybeNode) {
     return null;
   }
-  if (maybeNode instanceof _prosemirrorModel.Node || maybeNode instanceof _prosemirrorModel.Fragment) {
+  if (maybeNode instanceof _model.Node || maybeNode instanceof _model.Fragment) {
     return maybeNode;
   }
   if (typeof maybeNode === 'string') {
     return schema.text(maybeNode);
   }
   try {
-    return _prosemirrorModel.Node.fromJSON(schema, maybeNode);
+    return _model.Node.fromJSON(schema, maybeNode);
   } catch (e) {
     // eslint-disable-next-line no-console
     console.error(e);
@@ -62,7 +62,7 @@ var createInsertCallback = function createInsertCallback(_ref2) {
       tr.delete(position.start, position.end);
       return tr;
     }
-    node instanceof _prosemirrorModel.Node && node.isBlock ? (0, _insertUtils.insertBlockNode)({
+    node instanceof _model.Node && node.isBlock ? (0, _insertUtils.insertBlockNode)({
       node: node,
       tr: tr,
       position: position
@@ -72,7 +72,7 @@ var createInsertCallback = function createInsertCallback(_ref2) {
       position: position,
       selectInlineNode: Boolean(opts.selectInlineNode)
     });
-    (0, _prosemirrorHistory.closeHistory)(tr);
+    (0, _history.closeHistory)(tr);
     if (wasInsertedBySpace) {
       return tr;
     }
@@ -95,7 +95,7 @@ var createDeleteRawTextCallback = function createDeleteRawTextCallback(_ref3) {
     insertItem = _ref3.insertItem;
   return function (newState) {
     var tr = newState.tr;
-    (0, _prosemirrorHistory.closeHistory)(tr);
+    (0, _history.closeHistory)(tr);
     if (!wasInsertedBySpace) {
       tr.delete(position.start, position.end);
       var config = {
@@ -167,7 +167,7 @@ var insertTypeAheadItem = function insertTypeAheadItem(view) {
       var insertCallbackProxy = new Proxy(insertCallback, proxyHandler);
       var nextTr = handler.selectItem(newEditorSate, item, insertCallbackProxy, meta);
       if (!wasInsertCallbackCalled && nextTr) {
-        (0, _prosemirrorHistory.closeHistory)(nextTr);
+        (0, _history.closeHistory)(nextTr);
 
         // In some cases we need to re-open the typeahead
         // e.g.: addign mentions from the quick insert
@@ -198,7 +198,7 @@ var insertTypeAheadItem = function insertTypeAheadItem(view) {
       })
     });
     tr.insertText(text);
-    (0, _prosemirrorHistory.closeHistory)(tr);
+    (0, _history.closeHistory)(tr);
     view.dispatch(tr);
     view.focus();
   };

package/dist/cjs/plugins/type-ahead/insert-utils.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.insertInlineNodeOrFragment = exports.insertBlockNode = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorModel = require("prosemirror-model");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _insert = require("@atlaskit/editor-common/insert");
 function findInsertPoint(doc, pos, nodeToInsert) {
   var $pos = doc.resolve(pos);
@@ -77,14 +77,14 @@ var insertBlockNode = function insertBlockNode(_ref) {
     if (inserted) {
       return tr;
     }
-    var sliceInserted = _prosemirrorModel.Slice.maxOpen(_prosemirrorModel.Fragment.from(nodeNormalized));
+    var sliceInserted = _model.Slice.maxOpen(_model.Fragment.from(nodeNormalized));
     var _findInsertPoint = findInsertPoint(tr.doc, mappedStart, nodeNormalized),
       from = _findInsertPoint.from,
       to = _findInsertPoint.to;
     tr.replaceWith(from, to, node);
     var openPosition = Math.min(from + (node.isAtom ? node.nodeSize : sliceInserted.openStart), tr.doc.content.size);
     var FORWARD_DIRECTION = 1;
-    var nextSelection = _prosemirrorState.TextSelection.findFrom(tr.doc.resolve(openPosition), FORWARD_DIRECTION, true);
+    var nextSelection = _state.TextSelection.findFrom(tr.doc.resolve(openPosition), FORWARD_DIRECTION, true);
     if (nextSelection) {
       return tr.setSelection(nextSelection);
     }
@@ -99,11 +99,11 @@ var insertInlineNodeOrFragment = function insertInlineNodeOrFragment(_ref2) {
     selectInlineNode = _ref2.selectInlineNode;
   var start = position.start,
     end = position.end;
-  var fragment = maybeFragment instanceof _prosemirrorModel.Node ? _prosemirrorModel.Fragment.from(maybeFragment) : maybeFragment;
+  var fragment = maybeFragment instanceof _model.Node ? _model.Fragment.from(maybeFragment) : maybeFragment;
   tr.replaceWith(start, end, fragment);
   if (selectInlineNode) {
-    return tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, start));
+    return tr.setSelection(_state.NodeSelection.create(tr.doc, start));
   }
-  return tr.setSelection(_prosemirrorState.TextSelection.near(tr.doc.resolve(start + fragment.size)));
+  return tr.setSelection(_state.TextSelection.near(tr.doc.resolve(start + fragment.size)));
 };
 exports.insertInlineNodeOrFragment = insertInlineNodeOrFragment;

package/dist/cjs/plugins/type-ahead/pm-plugins/decorations.js

@@ -8,12 +8,12 @@ exports.factoryDecorations = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _uuid = _interopRequireDefault(require("uuid"));
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorView = require("prosemirror-view");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _view = require("@atlaskit/editor-prosemirror/view");
 var _colors = require("@atlaskit/theme/colors");
 var _w3cKeyname = require("w3c-keyname");
 var _reactIntlNext = require("react-intl-next");
-var _prosemirrorHistory = require("prosemirror-history");
+var _history = require("@atlaskit/editor-prosemirror/history");
 var _constants = require("../constants");
 var _WrapperTypeAhead = require("../ui/WrapperTypeAhead");
 var _statsModifier = require("../stats-modifier");
@@ -29,9 +29,9 @@ var factoryDecorations = function factoryDecorations(_ref) {
       inputMethod = _ref2.inputMethod,
       reopenQuery = _ref2.reopenQuery;
     var selection = tr.selection;
-    if (!(selection instanceof _prosemirrorState.TextSelection) || !selection.$cursor) {
+    if (!(selection instanceof _state.TextSelection) || !selection.$cursor) {
       return {
-        decorationSet: _prosemirrorView.DecorationSet.empty,
+        decorationSet: _view.DecorationSet.empty,
         stats: null,
         decorationElement: null
       };
@@ -41,7 +41,7 @@ var factoryDecorations = function factoryDecorations(_ref) {
     var typeaheadComponent = document.createElement('mark');
     var stats = new _statsModifier.StatsModifier();
     var shouldFocusCursorInsideQuery = true;
-    var deco = _prosemirrorView.Decoration.widget($cursor.pos, function (editorView, getDecorationPosition) {
+    var deco = _view.Decoration.widget($cursor.pos, function (editorView, getDecorationPosition) {
       var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
       typeaheadComponent.setAttribute('id', decorationId);
       typeaheadComponent.setAttribute('role', 'search');
@@ -64,7 +64,7 @@ var factoryDecorations = function factoryDecorations(_ref) {
         var hasReopenQuery = typeof reopenQuery === 'string' && reopenQuery.trim().length > 0;
         var currentQuery = (0, _utils.getTypeAheadQuery)(editorView.state);
         if (hasReopenQuery || (currentQuery === null || currentQuery === void 0 ? void 0 : currentQuery.length) === 0) {
-          var command = inputType === 'historyUndo' ? _prosemirrorHistory.undo : _prosemirrorHistory.redo;
+          var command = inputType === 'historyUndo' ? _history.undo : _history.redo;
           var _tr = editorView.state.tr;
           var fakeDispatch = function fakeDispatch(customTr) {
             _tr = customTr;
@@ -115,13 +115,13 @@ var factoryDecorations = function factoryDecorations(_ref) {
       ignoreSelection: false
     });
     return {
-      decorationSet: _prosemirrorView.DecorationSet.create(tr.doc, [deco]),
+      decorationSet: _view.DecorationSet.create(tr.doc, [deco]),
       decorationElement: typeaheadComponent,
       stats: stats
     };
   };
   var removeDecorations = function removeDecorations(decorationSet) {
-    if (!decorationSet || decorationSet === _prosemirrorView.DecorationSet.empty) {
+    if (!decorationSet || decorationSet === _view.DecorationSet.empty) {
       return false;
     }
     var typeAheadDecorations = decorationSet.find(undefined, undefined, function (spec) {

package/dist/cjs/plugins/type-ahead/pm-plugins/key.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var pluginKey = new _prosemirrorState.PluginKey('typeAheadPlugin');
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = new _state.PluginKey('typeAheadPlugin');
 exports.pluginKey = pluginKey;

package/dist/cjs/plugins/type-ahead/pm-plugins/main.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = createPlugin;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorView = require("prosemirror-view");
+var _view = require("@atlaskit/editor-prosemirror/view");
 var _steps = require("@atlaskit/adf-schema/steps");
 var _constants = require("../constants");
 var _actions = require("./actions");
@@ -55,7 +55,7 @@ function createPlugin(_ref) {
         return {
           typeAheadHandlers: typeAheadHandlers,
           query: '',
-          decorationSet: _prosemirrorView.DecorationSet.empty,
+          decorationSet: _view.DecorationSet.empty,
           decorationElement: null,
           items: [],
           selectedIndex: -1,

package/dist/cjs/plugins/type-ahead/pm-plugins/reducer.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createReducer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _prosemirrorView = require("prosemirror-view");
+var _view = require("@atlaskit/editor-prosemirror/view");
 var _steps = require("@atlaskit/adf-schema/steps");
 var _actions = require("./actions");
 var _key = require("./key");
@@ -78,7 +78,7 @@ var createReducer = function createReducer(_ref) {
       inputMethod: null,
       query: '',
       decorationElement: null,
-      decorationSet: _prosemirrorView.DecorationSet.empty,
+      decorationSet: _view.DecorationSet.empty,
       stats: null,
       triggerHandler: undefined,
       items: []

package/dist/cjs/plugins/type-ahead/transforms/open-typeahead-at-cursor.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.openTypeAheadAtCursor = exports.openTypeAhead = void 0;
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _selection = require("@atlaskit/editor-common/selection");
 var _key = require("../pm-plugins/key");
 var _actions = require("../pm-plugins/actions");
@@ -35,7 +35,7 @@ var openTypeAheadAtCursor = function openTypeAheadAtCursor(_ref) {
       query: query
     })(tr);
     var selection = tr.selection;
-    if (!(selection instanceof _prosemirrorState.TextSelection || selection instanceof _selection.GapCursorSelection)) {
+    if (!(selection instanceof _state.TextSelection || selection instanceof _selection.GapCursorSelection)) {
       return tr;
     }
     if (selection instanceof _selection.GapCursorSelection) {

package/dist/cjs/plugins/type-ahead/transforms/set-selection-before-query.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setSelectionBeforeQuery = void 0;
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var setSelectionBeforeQuery = function setSelectionBeforeQuery(rawText) {
   return function (tr) {
     var currentPosition = tr.selection.$from.pos;
     var positionBeforeRawText = Math.max(currentPosition - rawText.length, 0);
     var resolvedPositionBeforeText = tr.doc.resolve(positionBeforeRawText);
-    var nextSelection = _prosemirrorState.TextSelection.findFrom(resolvedPositionBeforeText, -1, true);
+    var nextSelection = _state.TextSelection.findFrom(resolvedPositionBeforeText, -1, true);
     if (nextSelection) {
       tr.setSelection(nextSelection);
     }

package/dist/cjs/plugins/undo-redo/commands.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.undoFromToolbar = exports.undoFromKeyboard = exports.redoFromToolbar = exports.redoFromKeyboard = void 0;
-var _prosemirrorHistory = require("prosemirror-history");
+var _history = require("@atlaskit/editor-prosemirror/history");
 var _attachInputMeta = require("./attach-input-meta");
 var _enums = require("./enums");
-var undoFromKeyboard = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.KEYBOARD)(_prosemirrorHistory.undo);
+var undoFromKeyboard = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.KEYBOARD)(_history.undo);
 exports.undoFromKeyboard = undoFromKeyboard;
-var redoFromKeyboard = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.KEYBOARD)(_prosemirrorHistory.redo);
+var redoFromKeyboard = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.KEYBOARD)(_history.redo);
 exports.redoFromKeyboard = redoFromKeyboard;
-var undoFromToolbar = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.TOOLBAR)(_prosemirrorHistory.undo);
+var undoFromToolbar = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.TOOLBAR)(_history.undo);
 exports.undoFromToolbar = undoFromToolbar;
-var redoFromToolbar = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.TOOLBAR)(_prosemirrorHistory.redo);
+var redoFromToolbar = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.TOOLBAR)(_history.redo);
 exports.redoFromToolbar = redoFromToolbar;

package/dist/cjs/plugins/undo-redo/pm-plugins/plugin-key.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var pluginKey = new _prosemirrorState.PluginKey('undoRedoPlugin');
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = new _state.PluginKey('undoRedoPlugin');
 exports.pluginKey = pluginKey;

package/dist/cjs/plugins/unsupported-content/index.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pluginKey = exports.default = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _ui = require("@atlaskit/editor-common/ui");
 var _unsupportedInlineNodeView = require("./unsupported-inline-node-view");
 var _reactNodeView = _interopRequireWildcard(require("@atlaskit/editor-common/react-node-view"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var pluginKey = new _prosemirrorState.PluginKey('unsupportedContentPlugin');
+var pluginKey = new _state.PluginKey('unsupportedContentPlugin');
 exports.pluginKey = pluginKey;
 var createPlugin = function createPlugin(pmPluginFactoryParams) {
   var hasIntlContext = true;

package/dist/cjs/plugins/view-update-subscription/index.js

@@ -10,7 +10,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var trackerStore = new WeakMap();
 exports.trackerStore = trackerStore;
 var Tracker = /*#__PURE__*/(0, _createClass2.default)(function Tracker() {
@@ -31,7 +31,7 @@ var Tracker = /*#__PURE__*/(0, _createClass2.default)(function Tracker() {
   });
   this.subscriptions = [];
 });
-var pluginKey = new _prosemirrorState.PluginKey('viewUpdateSubscriptionKey');
+var pluginKey = new _state.PluginKey('viewUpdateSubscriptionKey');
 var createViewUpdateSubscriptionPlugin = function createViewUpdateSubscriptionPlugin() {
   var tracker;
   var lastUpdateRef = {

package/dist/cjs/test-utils.js

@@ -34,7 +34,7 @@ exports.isElementBySelectorInDocument = void 0;
 exports.setTextSelection = setTextSelection;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _preset = require("@atlaskit/editor-common/preset");
 var _createSchema = require("./create-editor/create-schema");
 var _sortByOrder = require("./create-editor/sort-by-order");
@@ -129,7 +129,7 @@ var createPMSchemaAndPlugins = function createPMSchemaAndPlugins() {
 exports.createPMSchemaAndPlugins = createPMSchemaAndPlugins;
 function setTextSelection(view, anchor, head) {
   var state = view.state;
-  var tr = state.tr.setSelection(_prosemirrorState.TextSelection.create(state.doc, anchor, head));
+  var tr = state.tr.setSelection(_state.TextSelection.create(state.doc, anchor, head));
   view.dispatch(tr);
 }
 

package/dist/cjs/ui/Appearance/Comment/Comment.js

@@ -35,17 +35,16 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = _interopRequireDefault(require("../../../messages"));
 var _Toolbar2 = require("./Toolbar");
 var _ContentStyles = require("../../ContentStyles");
-var _ToolbarArrowKeyNavigationProvider = require("../../ToolbarArrowKeyNavigationProvider");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var CommentEditorMargin = 14;
-var CommentEditorSmallerMargin = 8;
-var commentEditorStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n\n  .less-margin .ProseMirror {\n    margin: 12px ", "px ", "px;\n  }\n\n  min-width: 272px;\n  /* Border + Toolbar + Footer + (Paragraph + ((Paragraph + Margin) * (DefaultLines - 1)) */\n  /* calc(2px + 40px + 24px + ( 20px + (32px * 2))) */\n\n  height: auto;\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: ", "px;\n\n  max-width: inherit;\n  word-wrap: break-word;\n"])), CommentEditorSmallerMargin, CommentEditorSmallerMargin, "var(--ds-background-input, white)", "var(--ds-border, ".concat(_colors.N40, ")"), (0, _constants.borderRadius)());
-var ContentArea = (0, _ContentStyles.createEditorContentStyle)((0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  line-height: 24px;\n\n  /** Hack for Bitbucket to ensure entire editorView gets drop event; see ED-3294 **/\n  /** Hack for table controls. Otherwise margin collapse and controls are misplaced. **/\n  .ProseMirror {\n    margin: 12px ", "px ", "px;\n  }\n\n  .gridParent {\n    margin-left: ", "px;\n    margin-right: ", "px;\n    width: calc(100% + ", "px);\n  }\n\n  padding: ", "px;\n\n  ", ";\n"])), CommentEditorMargin, CommentEditorMargin, CommentEditorMargin - _styles.GRID_GUTTER, CommentEditorMargin - _styles.GRID_GUTTER, CommentEditorMargin - _styles.GRID_GUTTER, _Toolbar2.TableControlsPadding, _commonStyles.tableCommentEditorStyles));
+var commentEditorStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n\n  .less-margin .ProseMirror {\n    margin: ", " ", "\n      ", ";\n  }\n\n  min-width: 272px;\n  /* Border + Toolbar + Footer + (Paragraph + ((Paragraph + Margin) * (DefaultLines - 1)) */\n  /* calc(2px + 40px + 24px + ( 20px + (32px * 2))) */\n\n  height: auto;\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: ", "px;\n\n  max-width: inherit;\n  word-wrap: break-word;\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-background-input, white)", "var(--ds-border, ".concat(_colors.N40, ")"), (0, _constants.borderRadius)());
+var ContentArea = (0, _ContentStyles.createEditorContentStyle)((0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  line-height: 24px;\n\n  /** Hack for Bitbucket to ensure entire editorView gets drop event; see ED-3294 **/\n  /** Hack for table controls. Otherwise margin collapse and controls are misplaced. **/\n  .ProseMirror {\n    margin: ", " ", "px\n      ", "px;\n  }\n\n  .gridParent {\n    margin-left: ", "px;\n    margin-right: ", "px;\n    width: calc(100% + ", "px);\n  }\n\n  padding: ", "px;\n\n  ", ";\n"])), "var(--ds-space-150, 12px)", CommentEditorMargin, CommentEditorMargin, CommentEditorMargin - _styles.GRID_GUTTER, CommentEditorMargin - _styles.GRID_GUTTER, CommentEditorMargin - _styles.GRID_GUTTER, _Toolbar2.TableControlsPadding, _commonStyles.tableCommentEditorStyles));
 ContentArea.displayName = 'ContentArea';
-var secondaryToolbarStyle = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: 12px 1px;\n"])));
+var secondaryToolbarStyle = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: ", " 1px;\n"])), "var(--ds-space-150, 12px)");
 var Editor = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Editor, _React$Component);
   var _super = _createSuper(Editor);
@@ -116,7 +115,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         ref: _this.wrapperElementRef
       }, (0, _react2.jsx)(_Toolbar2.MainToolbar, {
         useStickyToolbar: useStickyToolbar
-      }, (0, _react2.jsx)(_ToolbarArrowKeyNavigationProvider.ToolbarArrowKeyNavigationProvider, {
+      }, (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
         editorView: editorView,
         childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
         isShortcutToFocusToolbar: isShortcutToFocusToolbar,

package/dist/cjs/ui/Appearance/Comment/Toolbar.js

@@ -19,7 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var TableControlsPadding = 20;
 exports.TableControlsPadding = TableControlsPadding;
-var mainToolbarWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  padding: ", " ", " 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", "px;\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", TableControlsPadding);
+var mainToolbarWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  padding: ", " ", " 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", ";\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", "var(--ds-space-250, 20px)");
 var stickyToolbarWrapperStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorMenuZIndex, _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
 var StickyToolbar = function StickyToolbar(props) {
   var _useState = (0, _react.useState)(0),
@@ -87,5 +87,5 @@ var MainToolbar = function MainToolbar(_ref) {
   return (0, _react2.jsx)(FixedToolbar, null, children);
 };
 exports.MainToolbar = MainToolbar;
-var mainToolbarCustomComponentsSlotStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  padding-right: ", "px;\n  > div {\n    display: flex;\n    flex-shrink: 0;\n  }\n"])), TableControlsPadding);
+var mainToolbarCustomComponentsSlotStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  padding-right: ", ";\n  > div {\n    display: flex;\n    flex-shrink: 0;\n  }\n"])), "var(--ds-space-250, 20px)");
 exports.mainToolbarCustomComponentsSlotStyle = mainToolbarCustomComponentsSlotStyle;

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -14,7 +14,7 @@ var _Addon = require("../../Addon");
 var _ContextPanel = _interopRequireDefault(require("../../ContextPanel"));
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
 var _StyledComponents = require("./StyledComponents");
-var _messages = _interopRequireDefault(require("./messages"));
+var _messages = require("@atlaskit/editor-common/messages");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -58,7 +58,7 @@ var Content = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
           containerWidth: width
         }),
         role: "region",
-        "aria-label": props.intl.formatMessage(_messages.default.editableContentLabel),
+        "aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
         ref: contentAreaRef
       }, (0, _react.jsx)("div", {
         css: _StyledComponents.editorContentGutterStyle,

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js

@@ -16,8 +16,8 @@ var _BeforePrimaryToolbarWrapper = require("../../../plugins/before-primaryToolb
 var _Toolbar = _interopRequireDefault(require("../../Toolbar"));
 var _MainToolbar = require("./MainToolbar");
 var _ui2 = require("@atlaskit/editor-common/ui");
-var _messages = _interopRequireDefault(require("./messages"));
-var _ToolbarArrowKeyNavigationProvider = require("../../ToolbarArrowKeyNavigationProvider");
+var _messages = require("@atlaskit/editor-common/messages");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -97,7 +97,7 @@ var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
   return (0, _react2.jsx)(_ui2.ContextPanelConsumer, null, function (_ref) {
     var _props$featureFlags8, _props$featureFlags9, _props$featureFlags10;
     var contextPanelWidth = _ref.width;
-    return (0, _react2.jsx)(_ToolbarArrowKeyNavigationProvider.ToolbarArrowKeyNavigationProvider, {
+    return (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
       editorView: props.editorView,
       childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
       isShortcutToFocusToolbar: isShortcutToFocusToolbar,
@@ -109,12 +109,12 @@ var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
     }, (0, _react2.jsx)("div", {
       css: (0, _MainToolbar.mainToolbarFirstChildStyle)(!!((_props$featureFlags9 = props.featureFlags) !== null && _props$featureFlags9 !== void 0 && _props$featureFlags9.twoLineEditorToolbar)),
       role: "toolbar",
-      "aria-label": props.intl.formatMessage(_messages.default.toolbarLabel)
+      "aria-label": props.intl.formatMessage(_messages.fullPageMessages.toolbarLabel)
     }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), (0, _react2.jsx)("div", {
       css: (0, _MainToolbar.mainToolbarSecondChildStyle)(!!((_props$featureFlags10 = props.featureFlags) !== null && _props$featureFlags10 !== void 0 && _props$featureFlags10.twoLineEditorToolbar)),
       "data-testid": 'avatar-group-outside-plugin',
       role: "region",
-      "aria-label": props.intl.formatMessage(_messages.default.pageActionsLabel)
+      "aria-label": props.intl.formatMessage(_messages.fullPageMessages.pageActionsLabel)
     }, shouldSplitToolbar ? nonCustomToolbar : customToolbar)));
   });
 });

package/dist/cjs/ui/ContextPanel/index.js

@@ -56,7 +56,7 @@ exports.shouldPanelBePositionedOverEditor = shouldPanelBePositionedOverEditor;
 var panelHidden = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 0;\n"])));
 var panel = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  height: 100%;\n  transition: width ", "ms ", ";\n  overflow: hidden;\n  box-shadow: inset 2px 0 0 0 ", ";\n"])), _editorSharedStyles.akEditorContextPanelWidth, ANIM_SPEED_MS, _editorSharedStyles.akEditorSwoopCubicBezier, "var(--ds-border, ".concat(_colors.N30, ")"));
 exports.panel = panel;
-var content = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transition: width 600ms ", ";\n  box-sizing: border-box;\n  padding: 16px 16px 0px;\n  width: ", "px;\n  height: 100%;\n  overflow-y: auto;\n"])), _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorContextPanelWidth);
+var content = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transition: width 600ms ", ";\n  box-sizing: border-box;\n  padding: ", " ", " 0px;\n  width: ", "px;\n  height: 100%;\n  overflow-y: auto;\n"])), _editorSharedStyles.akEditorSwoopCubicBezier, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", _editorSharedStyles.akEditorContextPanelWidth);
 exports.content = content;
 var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(SwappableContentArea, _React$PureComponent);