@atlaskit/editor-core 191.3.1 → 191.4.0

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

@@ -11,34 +11,34 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
 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 as _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 as _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/esm/create-editor/create-editor.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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/esm/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/esm/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) {
   var marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce(function (acc, mark) {
     acc[mark.name] = mark.mark;

package/dist/esm/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/esm/editor-context.js

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

package/dist/esm/editor.js

@@ -10,9 +10,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @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';
 var ComposableEditorWrapper = function ComposableEditorWrapper(_ref) {
   var props = _ref.props;
   var preset = useUniversalPreset({

package/dist/esm/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/esm/presets/context.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useContext, useMemo } from 'react';
+import React, { useContext, useMemo, useState } from 'react';
 export var EditorAPIContext = /*#__PURE__*/React.createContext({});
 export var PresetContextProvider = function PresetContextProvider(_ref) {
   var children = _ref.children;

package/dist/esm/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/esm/presets/universal.js

@@ -2,15 +2,27 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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';
@@ -30,28 +42,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/esm/test-utils.js

@@ -2,11 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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/esm/ui/Addon/Dropdown/styles.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/theme/constants';
 import { N60A } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
 export var dropdown = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  padding: ", " 0;\n"])), "var(--ds-surface-overlay, white)", borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-space-050, 4px)");

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

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { N800, N20 } from '@atlaskit/theme/colors';
+import { N20, N800 } from '@atlaskit/theme/colors';
 export var dropdownItem = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  padding: ", " ", "\n    ", " ", ";\n  color: ", ";\n  > span {\n    display: flex;\n    margin-right: ", ";\n  }\n  &:hover {\n    background-color: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)", "var(--ds-text, ".concat(N800, ")"), "var(--ds-space-100, 8px)", "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"));

package/dist/esm/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)
 var insideContentArea = function insideContentArea(ref) {
   while (ref) {

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

@@ -12,12 +12,12 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @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';
 var chromelessEditor = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: 20px;\n  height: auto;\n\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n  max-width: inherit;\n  box-sizing: border-box;\n  word-wrap: break-word;\n\n  div > .ProseMirror {\n    outline: none;\n    white-space: pre-wrap;\n    padding: 0;\n    margin: 0;\n\n    & > :last-child {\n      padding-bottom: 0.5em;\n    }\n  }\n"])), scrollbarStyles);
 var ContentArea = createEditorContentStyle();
 ContentArea.displayName = 'ContentArea';

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

@@ -12,27 +12,27 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @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';
 var CommentEditorMargin = 14;
 var commentEditorStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(N40, ")"), borderRadius());
 var ContentArea = createEditorContentStyle(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  overflow-x: ", ";\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"])), getBooleanFF('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden', "var(--ds-space-150, 12px)", CommentEditorMargin, CommentEditorMargin, CommentEditorMargin - GRID_GUTTER, CommentEditorMargin - GRID_GUTTER, CommentEditorMargin - GRID_GUTTER, TableControlsPadding, tableCommentEditorStyles));

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

@@ -7,15 +7,14 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 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 var TableControlsPadding = 20;
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 var mainToolbarWrapperStyle = function mainToolbarWrapperStyle() {
   var isTwoLineEditorToolbar = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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\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)", isTwoLineEditorToolbar && "\n        @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n          flex-direction: column-reverse;\n          align-items: end;\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        //make this more explicit for a toolbar\n        > *:nth-child(1) {\n          @media (max-width: ").concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n            > div:nth-child(2) {\n              justify-content: flex-end;\n              display: flex;\n            }\n          }\n        }\n    "));
 };
-var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(N30, ")"));
+var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var StickyToolbar = function StickyToolbar(props) {
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),

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

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

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

@@ -1,12 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @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';
 var useShowKeyline = function useShowKeyline(contentAreaRef) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/esm/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 var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var theme = useTheme();

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

@@ -1,16 +1,16 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
 
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import Toolbar from '../../Toolbar';
-import { mainToolbarStyle, mainToolbarIconBeforeStyle, mainToolbarFirstChildStyle, mainToolbarSecondChildStyle, nonCustomToolbarWrapperStyle, customToolbarWrapperStyle, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
-import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
+import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { usePresetContext } from '../../../presets/context';
+import Toolbar from '../../Toolbar';
 import { BeforePrimaryToolbarWrapper } from './BeforeWrapper';
+import { customToolbarWrapperStyle, mainToolbarFirstChildStyle, mainToolbarIconBeforeStyle, mainToolbarSecondChildStyle, mainToolbarStyle, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, nonCustomToolbarWrapperStyle } from './MainToolbar';
 export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
   var _props$featureFlags, _props$customPrimaryT, _props$featureFlags2, _props$featureFlags3, _editorAPI$avatarGrou, _props$collabEdit, _props$collabEdit2, _props$collabEdit3;
   var _useState = useState(false),

package/dist/esm/ui/Appearance/FullPage/MainToolbar.js

@@ -1,13 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 import { css } from '@emotion/react';
-import { N30 } from '@atlaskit/theme/colors';
-import { akEditorFloatingDialogZIndex, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorFloatingDialogZIndex, akEditorMobileMaxWidth, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
 export var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 var toolbarLineHeight = 56;
 
 // box-shadow is overriden by the mainToolbar
-var mainToolbarWithKeyline = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(N30, ")"));
+var mainToolbarWithKeyline = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var mainToolbarTwoLineStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  @media (max-width: ", "px) {\n    flex-wrap: wrap;\n    height: calc(", "px * 2);\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
 var mainToolbar = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), akEditorSwoopCubicBezier, akEditorFloatingDialogZIndex, toolbarLineHeight, "var(--ds-surface, white)", akEditorMobileMaxWidth, toolbarLineHeight);
 export var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {

package/dist/esm/ui/Appearance/FullPage/StyledComponents.js

@@ -1,11 +1,11 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 import { css } from '@emotion/react';
-import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorSwoopCubicBezier, akLayoutGutterOffset, ATLASSIAN_NAVIGATION_HEIGHT, akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
-import { taskListSelector, decisionListSelector } from '@atlaskit/adf-schema';
-import { createEditorContentStyle } from '../../ContentStyles';
+import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
 import { tableFullPageEditorStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
 import { tableMarginFullWidthMode } from '@atlaskit/editor-plugin-table/ui/consts';
+import { akEditorContextPanelWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorSwoopCubicBezier, akLayoutGutterOffset, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
+import { createEditorContentStyle } from '../../ContentStyles';
 import { scrollbarStyles } from '../../styles';
 var SWOOP_ANIMATION = "0.5s ".concat(akEditorSwoopCubicBezier);
 var TOTAL_PADDING = akEditorGutterPadding * 2;

package/dist/esm/ui/AppearanceComponents/Mobile.js

@@ -1,13 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 /** @jsx jsx */
-import React, { useCallback, forwardRef } from 'react';
+import React, { forwardRef, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
-import WithFlash from '../WithFlash';
-import { createEditorContentStyle } from '../ContentStyles';
-import { ClickAreaMobile as ClickArea } from '../Addon';
-import { usePresetContext } from '../../presets/context';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { usePresetContext } from '../../presets/context';
+import { ClickAreaMobile as ClickArea } from '../Addon';
+import { createEditorContentStyle } from '../ContentStyles';
+import WithFlash from '../WithFlash';
 
 // Only mobile bridge is using this appearance. We have some plans to decouple the appearances from editor-core. So it doesn't make sense to move this plugin to a separated package for now.
 // Copied packages/editor/editor-mobile-bridge/src/editor/editor-plugins/mobile-dimensions/index.ts

package/dist/esm/ui/ChromeCollapsed/index.js

@@ -9,11 +9,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
-import { inputStyle } from './styles';
+import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { messages } from './messages';
+import { inputStyle } from './styles';
 var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
   _inherits(ChromeCollapsed, _PureComponent);
   var _super = _createSuper(ChromeCollapsed);

package/dist/esm/ui/ChromeCollapsed/styles.js

@@ -2,6 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 import { css } from '@emotion/react';
 import { akEditorSubtleAccent, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { borderRadius } from '@atlaskit/theme/constants';
 import { N300, N50 } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
 export var inputStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n  input& {\n    background-color: ", ";\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    box-sizing: border-box;\n    height: 40px;\n    padding-left: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    font-size: ", ";\n    width: 100%;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    letter-spacing: -0.005em;\n    color: ", ";\n\n    &:hover {\n      background-color: ", ";\n      border-color: ", ";\n      cursor: text;\n    }\n  }\n"])), "var(--ds-background-input, white)", "var(--ds-border-input, ".concat(akEditorSubtleAccent, ")"), borderRadius(), "var(--ds-space-250, 20px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", relativeFontSizeToBase16(14), "var(--ds-text-subtlest, ".concat(N300, ")"), "var(--ds-background-input-hovered, white)", "var(--ds-border-input, ".concat(N50, ")"));

package/dist/esm/ui/CollapsedEditor/index.js

@@ -7,10 +7,10 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-import { IntlProviderIfMissingWrapper } from '@atlaskit/editor-common/ui';
 import React from 'react';
-import Editor from '../../editor';
+import { IntlProviderIfMissingWrapper } from '@atlaskit/editor-common/ui';
 import { ComposableEditor } from '../../composable-editor';
+import Editor from '../../editor';
 import EditorWithActions from '../../EditorWithActions';
 import ChromeCollapsed from '../ChromeCollapsed';
 var CollapsedEditor = /*#__PURE__*/function (_React$Component) {

package/dist/esm/ui/ContentStyles/code-block.js

@@ -1,9 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
+import { CodeBlockSharedCssClassName, codeBlockSharedStyles } from '@atlaskit/editor-common/styles';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { R75 } from '@atlaskit/theme/colors';
-import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorDeleteIconColor, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
-import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 var GutterDangerOverlay = function GutterDangerOverlay() {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &::after {\n    height: 100%;\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 24px;\n    background-color: ", ";\n  }\n"])), "var(--ds-blanket-danger, none)");
 };

package/dist/esm/ui/ContentStyles/date.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 import { css } from '@emotion/react';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { SelectionStyle, getSelectionStyles, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 export var dateStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    .", " {\n      line-height: initial;\n      cursor: pointer;\n    }\n\n    &.", " {\n      .", " > span {\n        ", "\n      }\n    }\n  }\n\n  .danger {\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n    }\n  }\n"])), DateSharedCssClassName.DATE_CONTAINER, DateSharedCssClassName.DATE_WRAPPER, akEditorSelectedNodeClassName, DateSharedCssClassName.DATE_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), DateSharedCssClassName.DATE_CONTAINER, akEditorSelectedNodeClassName, DateSharedCssClassName.DATE_WRAPPER, akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"));

package/dist/esm/ui/ContentStyles/expand.js

@@ -1,11 +1,11 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
-import { N40A, N50A, N80A, R300, R50 } from '@atlaskit/theme/colors';
 import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
+import { expandClassNames } from '@atlaskit/editor-common/styles';
 import { sharedExpandStyles } from '@atlaskit/editor-common/ui';
 import { akEditorSelectedNodeClassName, akLayoutGutterOffset, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
-import { expandClassNames } from '@atlaskit/editor-common/styles';
+import { N40A, N50A, N80A, R300, R50 } from '@atlaskit/theme/colors';
 var EXPAND_SELECTED_BACKGROUND = "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))";
 var EXPAND_ICON_COLOR = function EXPAND_ICON_COLOR() {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n"])), "var(--ds-icon-subtle, ".concat(N80A, ")"));