@atlaskit/editor-core 191.3.1 → 191.4.0

package/dist/cjs/ui/ToolbarFeedback/styles.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.wrapper = exports.confirmationText = exports.confirmationPopup = exports.confirmationImg = exports.confirmationHeader = exports.buttonContent = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
-var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _colors = require("@atlaskit/theme/colors");
+var _constants = require("@atlaskit/theme/constants");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 var buttonContent = exports.buttonContent = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  height: 24px;\n  line-height: 24px;\n  min-width: 70px;\n"])));
 var wrapper = exports.wrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-right: 0;\n"])));

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
 var _question = _interopRequireDefault(require("@atlaskit/icon/glyph/question"));
 var _ToolbarButton = _interopRequireDefault(require("../ToolbarButton"));
 var _WithHelpTrigger = _interopRequireDefault(require("../WithHelpTrigger"));
-var _reactIntlNext = require("react-intl-next");
 var _messages = require("./messages");
 var TooltipHelpTrigger = function TooltipHelpTrigger(_ref) {
   var _ref$title = _ref.title,

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

@@ -15,9 +15,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _eventDispatcher = require("../../event-dispatcher");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorPluginHelpDialog = require("@atlaskit/editor-plugin-help-dialog");
+var _eventDispatcher = require("../../event-dispatcher");
 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 WithHelpTrigger = exports.default = /*#__PURE__*/function (_React$Component) {

package/dist/cjs/use-preset.js

@@ -39,7 +39,8 @@ var _context = require("./presets/context");
  * }
  * ```
  */
-function usePreset(createPreset, dependencies) {
+function usePreset(createPreset) {
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var editorApi = (0, _context.usePresetContext)();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var preset = (0, _react.useMemo)(createPreset, dependencies);

package/dist/cjs/utils/document.js

@@ -15,9 +15,9 @@ Object.defineProperty(exports, "isInEmptyLine", {
 exports.nodesBetweenChanged = nodesBetweenChanged;
 exports.processRawFragmentValue = processRawFragmentValue;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _nodeWidth = require("./node-width");
-var _utils = require("@atlaskit/editor-common/utils");
 function processRawFragmentValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
     return;

package/dist/cjs/utils/extensions.js

@@ -10,9 +10,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _providerHelpers = require("@atlaskit/editor-common/provider-helpers");
-var _analytics = require("@atlaskit/editor-common/analytics");
 /**
  * Utils to send analytics event when a extension is inserted using quickInsert
  */

package/dist/cjs/utils/performance/components/RenderTracking.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.RenderTracking = RenderTracking;
 var _react = require("react");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _utils = require("@atlaskit/editor-common/utils");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _utils = require("@atlaskit/editor-common/utils");
 function RenderTracking(props) {
   var debouncedHandleAnalyticsEvent = (0, _react.useMemo)(function () {
     return (0, _debounce.default)(props.handleAnalyticsEvent, 500);

package/dist/cjs/utils/performance/plugin-performance-observer.js

@@ -10,8 +10,8 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _pluginPerformanceReport = require("./plugin-performance-report");
-var _trackTransactions = require("./track-transactions");
 var _simpleMeasureToEntries = require("./simple-measure-to-entries");
+var _trackTransactions = require("./track-transactions");
 var PluginPerformanceObserver = exports.PluginPerformanceObserver = /*#__PURE__*/function () {
   function PluginPerformanceObserver(callback) {
     var _this = this;

package/dist/cjs/utils/prepare-extension-provider.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extensions = require("@atlaskit/editor-common/extensions");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+var _extensions = require("@atlaskit/editor-common/extensions");
 function prepareExtensionProvidersInternal(editorActions, extensionProviders) {
   if (!extensionProviders) {
     return;

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "191.3.1";
+var version = exports.version = "191.4.0";

package/dist/es2019/actions/index.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { analyticsEventKey, findNodePosByLocalIds, isEmptyDocument, processRawValue } from '@atlaskit/editor-common/utils';
 import { Node } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { analyticsEventKey, isEmptyDocument, processRawValue, findNodePosByLocalIds } from '@atlaskit/editor-common/utils';
 import { createDispatch } from '../event-dispatcher';
 import { toJSON } from '../utils';
 import { __temporaryFixForConfigPanel, getEditorValueWithMedia } from '../utils/action';

package/dist/es2019/composable-editor/editor-internal.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { memo, Fragment, useCallback } from 'react';
+import { Fragment, memo, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
@@ -10,8 +10,8 @@ import ErrorBoundary from '../create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import ReactEditorView from '../create-editor/ReactEditorView';
 import { ContextAdapter } from '../nodeviews/context-adapter';
-import EditorContext from '../ui/EditorContext';
 import { useSetPresetContext } from '../presets/context';
+import EditorContext from '../ui/EditorContext';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
 import { getBaseFontSize } from './utils/getBaseFontSize';
 /**

package/dist/es2019/composable-editor/editor.js

@@ -1,27 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { useRef, useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useRef } from 'react';
 import { jsx } from '@emotion/react';
+import isEqual from 'lodash/isEqual';
 import uuid from 'uuid/v4';
 import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { useConstructor } from '@atlaskit/editor-common/hooks';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { getAnalyticsAppearance, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { basePlugin } from '@atlaskit/editor-plugin-base';
-import isEqual from 'lodash/isEqual';
 import EditorActions from '../actions';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
-import { name, version } from '../version-wrapper';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { useConstructor } from '@atlaskit/editor-common/hooks';
 import { useEditorContext } from '../ui/EditorContext';
 import measurements from '../utils/performance/measure-enum';
+import { name, version } from '../version-wrapper';
 import { EditorInternal } from './editor-internal';
-import sendDurationAnalytics from './utils/sendDurationAnalytics';
-import trackEditorActions from './utils/trackEditorActions';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
-import useProviderFactory from './hooks/useProviderFactory';
 import useMemoEditorProps from './hooks/useMemoEditorProps';
+import useProviderFactory from './hooks/useProviderFactory';
+import sendDurationAnalytics from './utils/sendDurationAnalytics';
+import trackEditorActions from './utils/trackEditorActions';
 
 /**
  * Editor wrapper that deals with the lifecycle logic of the editor

package/dist/es2019/create-editor/ErrorBoundary.js

@@ -2,11 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import uuid from 'uuid';
 import { ACTION, ACTION_SUBJECT, editorAnalyticsChannel, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { isOutdatedBrowser, sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
-import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { WithEditorView } from './WithEditorView';
 export class ErrorBoundaryWithEditorView extends React.Component {
   constructor(props) {

package/dist/es2019/create-editor/ReactEditorView.js

@@ -1,33 +1,33 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { injectIntl } from 'react-intl-next';
 import PropTypes from 'prop-types';
+import { injectIntl } from 'react-intl-next';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE, getAnalyticsEventsFromTransaction, PLATFORMS } from '@atlaskit/editor-common/analytics';
+import { getDocStructure } from '@atlaskit/editor-common/core-utils';
+import { getEnabledFeatureFlagKeys } from '@atlaskit/editor-common/normalize-feature-flags';
+import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
+import { EditorExperience, ExperienceStore, RELIABILITY_INTERVAL } from '@atlaskit/editor-common/ufo';
+import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
+import { countNodes } from '@atlaskit/editor-common/utils';
+import { analyticsEventKey, browser, getAnalyticsEventSeverity, getResponseEndTime, measureRender, processRawValue, shouldForceTracking, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { editorMessages } from './messages';
-import { browser, getAnalyticsEventSeverity, getResponseEndTime, measureRender, startMeasure, stopMeasure, shouldForceTracking, processRawValue, analyticsEventKey } from '@atlaskit/editor-common/utils';
-import { ExperienceStore, EditorExperience, RELIABILITY_INTERVAL } from '@atlaskit/editor-common/ufo';
 import { createDispatch, EventDispatcher } from '../event-dispatcher';
-import { freezeUnsafeTransactionProperties } from '../utils/performance/safer-transactions';
-import { RenderTracking } from '../utils/performance/components/RenderTracking';
-import { findChangedNodesFromTransaction, validateNodes, validNode } from '../utils/nodes';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE, PLATFORMS, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
-import { createFeatureFlagsFromProps } from './feature-flags-from-props';
-import { getEnabledFeatureFlagKeys } from '@atlaskit/editor-common/normalize-feature-flags';
-import { createErrorReporter, createPMPlugins, processPluginsList } from './create-editor';
-import { getDocStructure } from '@atlaskit/editor-common/core-utils';
+import { getNodesCount } from '../utils/document';
 import { isFullPage } from '../utils/is-full-page';
+import { findChangedNodesFromTransaction, validateNodes, validNode } from '../utils/nodes';
+import { RenderTracking } from '../utils/performance/components/RenderTracking';
 import measurements from '../utils/performance/measure-enum';
-import { getNodesCount } from '../utils/document';
-import { createSchema } from './create-schema';
 import { PluginPerformanceObserver } from '../utils/performance/plugin-performance-observer';
-import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, EVENT_NAME_ON_CHANGE, TransactionTracker } from '../utils/performance/track-transactions';
-import { countNodes } from '@atlaskit/editor-common/utils';
+import { freezeUnsafeTransactionProperties } from '../utils/performance/safer-transactions';
+import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_ON_CHANGE, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, TransactionTracker } from '../utils/performance/track-transactions';
+import { DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD } from './consts';
+import { createErrorReporter, createPMPlugins, processPluginsList } from './create-editor';
 import createPluginsList from './create-plugins-list';
-import { PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS } from './consts';
+import { createSchema } from './create-schema';
+import { createFeatureFlagsFromProps } from './feature-flags-from-props';
+import { editorMessages } from './messages';
 import ReactEditorViewContext from './ReactEditorViewContext';
-import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
-import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
 function handleEditorFocus(view) {
   if (view.hasFocus()) {
     return;

package/dist/es2019/create-editor/create-editor.js

@@ -1,6 +1,6 @@
 import { ErrorReporter } from '@atlaskit/editor-common/utils';
-import { sortByOrder } from './sort-by-order';
 import { InstrumentedPlugin } from '../utils/performance/instrumented-plugin';
+import { sortByOrder } from './sort-by-order';
 export function sortByRank(a, b) {
   return a.rank - b.rank;
 }

package/dist/es2019/create-editor/create-preset.js

@@ -1,6 +1,7 @@
 import createUniversalPreset from '../presets/universal';
 import { getDefaultPresetOptionsFromEditorProps } from './create-plugins-list';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
+
 // Separate file, we should not accidentally import this into the `ComposableEditor`
 // otherwise it will blow up the bundle size.
 export function createPreset(props, prevProps) {

package/dist/es2019/create-editor/create-schema.js

@@ -1,7 +1,7 @@
-import { sortByOrder } from './sort-by-order';
-import { Schema } from '@atlaskit/editor-prosemirror/model';
 import { sanitizeNodes } from '@atlaskit/adf-schema';
+import { Schema } from '@atlaskit/editor-prosemirror/model';
 import { fixExcludes } from './create-editor';
+import { sortByOrder } from './sort-by-order';
 export function createSchema(editorConfig) {
   const marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce((acc, mark) => {
     acc[mark.name] = mark.mark;

package/dist/es2019/create-editor/get-ui-component.js

@@ -1,6 +1,6 @@
-import FullPage from '../ui/Appearance/FullPage';
 import Chromeless from '../ui/Appearance/Chromeless';
 import Comment from '../ui/Appearance/Comment';
+import FullPage from '../ui/Appearance/FullPage';
 import Mobile from '../ui/Appearance/Mobile';
 export default function getUiComponent(appearance) {
   appearance = appearance || 'comment';

package/dist/es2019/editor-context.js

@@ -0,0 +1 @@
+export { default as EditorContext } from './ui/EditorContext';

package/dist/es2019/editor.js

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import editorDeprecationWarnings from './utils/editorDeprecationWarnings';
 import { ComposableEditor } from './composable-editor';
 import useUniversalPreset from './presets/useUniversalPreset';
+import editorDeprecationWarnings from './utils/editorDeprecationWarnings';
 const ComposableEditorWrapper = ({
   props
 }) => {

package/dist/es2019/messages.js

@@ -1,5 +1,5 @@
 // Common Translations will live here
-import commonMessages, { linkMessages, linkToolbarMessages, statusMessages, dateMessages } from '@atlaskit/editor-common/messages';
+import commonMessages, { dateMessages, linkMessages, linkToolbarMessages, statusMessages } from '@atlaskit/editor-common/messages';
 export { linkMessages };
 export { statusMessages };
 export { dateMessages };

package/dist/es2019/presets/context.js

@@ -1,4 +1,4 @@
-import React, { useState, useContext, useMemo } from 'react';
+import React, { useContext, useMemo, useState } from 'react';
 export const EditorAPIContext = /*#__PURE__*/React.createContext({});
 export const PresetContextProvider = ({
   children

package/dist/es2019/presets/default.js

@@ -1,34 +1,35 @@
 // #region Imports
 
-import { pastePlugin } from '@atlaskit/editor-plugin-paste';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { annotationPlugin } from '@atlaskit/editor-plugin-annotation';
+import { basePlugin } from '@atlaskit/editor-plugin-base';
+import { betterTypeHistoryPlugin } from '@atlaskit/editor-plugin-better-type-history';
 import { blockTypePlugin } from '@atlaskit/editor-plugin-block-type';
 import { clearMarksOnEmptyDocPlugin } from '@atlaskit/editor-plugin-clear-marks-on-empty-doc';
-import { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
-import { textFormattingPlugin } from '@atlaskit/editor-plugin-text-formatting';
-import { betterTypeHistoryPlugin } from '@atlaskit/editor-plugin-better-type-history';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { unsupportedContentPlugin } from '@atlaskit/editor-plugin-unsupported-content';
-import { basePlugin } from '@atlaskit/editor-plugin-base';
-import { focusPlugin } from '@atlaskit/editor-plugin-focus';
+import { clipboardPlugin } from '@atlaskit/editor-plugin-clipboard';
+import { codeBlockPlugin } from '@atlaskit/editor-plugin-code-block';
+import { compositionPlugin } from '@atlaskit/editor-plugin-composition';
+import { copyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import { editorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
-import { typeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
-import { submitEditorPlugin } from '@atlaskit/editor-plugin-submit-editor';
 import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import { copyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
 import { floatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
-import { clipboardPlugin } from '@atlaskit/editor-plugin-clipboard';
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { focusPlugin } from '@atlaskit/editor-plugin-focus';
+import { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
+import { pastePlugin } from '@atlaskit/editor-plugin-paste';
 import { placeholderPlugin } from '@atlaskit/editor-plugin-placeholder';
-import { annotationPlugin } from '@atlaskit/editor-plugin-annotation';
-import { compositionPlugin } from '@atlaskit/editor-plugin-composition';
 import { quickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
 import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { codeBlockPlugin } from '@atlaskit/editor-plugin-code-block';
-import { undoRedoPlugin } from '@atlaskit/editor-plugin-undo-redo';
-import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import { selectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
+import { submitEditorPlugin } from '@atlaskit/editor-plugin-submit-editor';
+import { textFormattingPlugin } from '@atlaskit/editor-plugin-text-formatting';
+import { typeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+import { undoRedoPlugin } from '@atlaskit/editor-plugin-undo-redo';
+import { unsupportedContentPlugin } from '@atlaskit/editor-plugin-unsupported-content';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+
 // #endregion
 
 /**

package/dist/es2019/presets/universal.js

@@ -1,12 +1,24 @@
+import { shouldForceTracking } from '@atlaskit/editor-common/utils';
+import { alignmentPlugin } from '@atlaskit/editor-plugin-alignment';
+import { annotationPlugin } from '@atlaskit/editor-plugin-annotation';
+import { avatarGroupPlugin } from '@atlaskit/editor-plugin-avatar-group';
+import { beforePrimaryToolbarPlugin } from '@atlaskit/editor-plugin-before-primary-toolbar';
 import { borderPlugin } from '@atlaskit/editor-plugin-border';
+import { breakoutPlugin } from '@atlaskit/editor-plugin-breakout';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';
 import { cardPlugin } from '@atlaskit/editor-plugin-card';
 import { codeBidiWarningPlugin } from '@atlaskit/editor-plugin-code-bidi-warning';
+import { collabEditPlugin } from '@atlaskit/editor-plugin-collab-edit';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import { customAutoformatPlugin } from '@atlaskit/editor-plugin-custom-autoformat';
+import { dataConsumerPlugin } from '@atlaskit/editor-plugin-data-consumer';
 import { datePlugin } from '@atlaskit/editor-plugin-date';
 import { emojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import { expandPlugin } from '@atlaskit/editor-plugin-expand';
+import { extensionPlugin } from '@atlaskit/editor-plugin-extension';
+import { feedbackDialogPlugin } from '@atlaskit/editor-plugin-feedback-dialog';
+import { findReplacePlugin } from '@atlaskit/editor-plugin-find-replace';
 import { fragmentPlugin } from '@atlaskit/editor-plugin-fragment';
 import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
@@ -26,28 +38,16 @@ import { pasteOptionsToolbarPlugin } from '@atlaskit/editor-plugin-paste-options
 import { placeholderTextPlugin } from '@atlaskit/editor-plugin-placeholder-text';
 import { rulePlugin } from '@atlaskit/editor-plugin-rule';
 import { saveOnEnterPlugin } from '@atlaskit/editor-plugin-save-on-enter';
-import { breakoutPlugin } from '@atlaskit/editor-plugin-breakout';
 import { scrollIntoViewPlugin } from '@atlaskit/editor-plugin-scroll-into-view';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
 import { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import { tasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { toolbarListsIndentationPlugin } from '@atlaskit/editor-plugin-toolbar-lists-indentation';
-import { customAutoformatPlugin } from '@atlaskit/editor-plugin-custom-autoformat';
-import { alignmentPlugin } from '@atlaskit/editor-plugin-alignment';
-import { dataConsumerPlugin } from '@atlaskit/editor-plugin-data-consumer';
-import { annotationPlugin } from '@atlaskit/editor-plugin-annotation';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { collabEditPlugin } from '@atlaskit/editor-plugin-collab-edit';
-import { avatarGroupPlugin } from '@atlaskit/editor-plugin-avatar-group';
-import { extensionPlugin } from '@atlaskit/editor-plugin-extension';
-import { beforePrimaryToolbarPlugin } from '@atlaskit/editor-plugin-before-primary-toolbar';
-import { feedbackDialogPlugin } from '@atlaskit/editor-plugin-feedback-dialog';
-import { findReplacePlugin } from '@atlaskit/editor-plugin-find-replace';
-import { shouldForceTracking } from '@atlaskit/editor-common/utils';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
-import { createDefaultPreset } from './default';
 import { version as coreVersion } from '../version-wrapper';
+import { createDefaultPreset } from './default';
 /**
  * Creates a preset with all of the available plugins.
  * Basis for create-plugins-list and can be used to migrate from Editor -> EditorNext (Presets project)

package/dist/es2019/test-utils.js

@@ -1,8 +1,8 @@
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import { basePlugin } from '@atlaskit/editor-plugin-base';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { createSchema } from './create-editor/create-schema';
 import { sortByOrder } from './create-editor/sort-by-order';
-import { basePlugin } from '@atlaskit/editor-plugin-base';
 function lightProcessPluginsList(editorPlugins) {
   /**
    * First pass to collect pluginsOptions

package/dist/es2019/ui/Addon/Dropdown/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/theme/constants';
 import { N60A } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
 export const dropdown = css`
   display: flex;
   flex-direction: column;

package/dist/es2019/ui/Addon/DropdownItem/styles.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { N800, N20 } from '@atlaskit/theme/colors';
+import { N20, N800 } from '@atlaskit/theme/colors';
 export const dropdownItem = css`
   display: flex;
   align-items: center;

package/dist/es2019/ui/Addon/click-area-helper.js

@@ -1,8 +1,7 @@
-import { closestElement } from '@atlaskit/editor-common/utils';
-import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
-import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
 import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
-
+import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
+import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
+import { closestElement } from '@atlaskit/editor-common/utils';
 // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
 const insideContentArea = ref => {
   while (ref) {

package/dist/es2019/ui/Appearance/Chromeless.js

@@ -2,12 +2,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
-import PluginSlot from '../PluginSlot';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { usePresetContext } from '../../presets/context';
 import { createEditorContentStyle } from '../ContentStyles';
+import PluginSlot from '../PluginSlot';
 import { scrollbarStyles } from '../styles';
 import WithFlash from '../WithFlash';
-import { usePresetContext } from '../../presets/context';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 const chromelessEditor = css`
   line-height: 20px;
   height: auto;

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

@@ -2,27 +2,27 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
+import classnames from 'classnames';
+import { injectIntl } from 'react-intl-next';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/custom-theme-button';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { N40 } from '@atlaskit/theme/colors';
-import Toolbar from '../../Toolbar';
-import PluginSlot from '../../PluginSlot';
-import { ClickAreaBlock } from '../../Addon';
-import { tableCommentEditorStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
-import WithFlash from '../../WithFlash';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { GRID_GUTTER } from '@atlaskit/editor-common/styles';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
+import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
+import { tableCommentEditorStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
-import { GRID_GUTTER } from '@atlaskit/editor-common/styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import classnames from 'classnames';
-import { injectIntl } from 'react-intl-next';
+import { N40 } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
 import messages from '../../../messages';
 import { usePresetContext } from '../../../presets/context';
-import { TableControlsPadding, MainToolbar, mainToolbarCustomComponentsSlotStyle } from './Toolbar';
+import { ClickAreaBlock } from '../../Addon';
 import { createEditorContentStyle } from '../../ContentStyles';
-import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import PluginSlot from '../../PluginSlot';
+import Toolbar from '../../Toolbar';
+import WithFlash from '../../WithFlash';
+import { MainToolbar, mainToolbarCustomComponentsSlotStyle, TableControlsPadding } from './Toolbar';
 const CommentEditorMargin = 14;
 const commentEditorStyle = css`
   display: flex;

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

@@ -3,8 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 import React, { useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
-import { N30 } from '@atlaskit/theme/colors';
-import { akEditorToolbarKeylineHeight, akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
+import { akEditorMenuZIndex, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
 export const TableControlsPadding = 20;
 const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 const mainToolbarWrapperStyle = (isTwoLineEditorToolbar = false) => css`
@@ -56,7 +55,7 @@ const stickyToolbarWrapperStyle = css`
   transition: box-shadow ease-in-out 0.2s;
   &.show-keyline {
     box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0
-      ${`var(--ds-border, ${N30})`};
+      ${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"};
   }
 `;
 const StickyToolbar = props => {

package/dist/es2019/ui/Appearance/FullPage/BeforeWrapper.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 const beforePrimaryToolbarPluginWrapperStyles = css({
   display: 'flex',

package/dist/es2019/ui/Appearance/FullPage/FullPage.js

@@ -1,11 +1,11 @@
 /** @jsx jsx */
-import React, { useEffect, useState, useRef, useMemo } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { jsx } from '@emotion/react';
-import { fullPageEditorWrapper } from './StyledComponents';
 import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
+import { browser } from '@atlaskit/editor-common/utils';
 import { FullPageContentArea } from './FullPageContentArea';
 import { FullPageToolbar } from './FullPageToolbar';
-import { browser } from '@atlaskit/editor-common/utils';
+import { fullPageEditorWrapper } from './StyledComponents';
 const useShowKeyline = contentAreaRef => {
   const [showKeyline, setShowKeyline] = useState(false);
   useEffect(() => {

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

@@ -1,13 +1,14 @@
 /** @jsx jsx */
-import { jsx, useTheme } from '@emotion/react';
-import { WidthConsumer, ContextPanelConsumer } from '@atlaskit/editor-common/ui';
+
 import React, { useImperativeHandle, useRef } from 'react';
+import { jsx, useTheme } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
+import { ContextPanelConsumer, WidthConsumer } from '@atlaskit/editor-common/ui';
 import { ClickAreaBlock } from '../../Addon';
 import ContextPanel from '../../ContextPanel';
 import PluginSlot from '../../PluginSlot';
-import { contentArea, editorContentAreaStyle, sidebarArea, ScrollContainer, editorContentGutterStyle, positionedOverEditorStyle } from './StyledComponents';
-import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
+import { contentArea, editorContentAreaStyle, editorContentGutterStyle, positionedOverEditorStyle, ScrollContainer, sidebarArea } from './StyledComponents';
 export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   const theme = useTheme();