@atlaskit/editor-core 187.4.8 → 187.4.10

package/dist/es2019/plugins/text-formatting/pm-plugins/keymap.js

@@ -1,5 +1,5 @@
-import * as keymaps from '../../../keymaps';
-import { keymap } from '../../../utils/keymap';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
+import { keymap } from 'prosemirror-keymap';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import * as commands from '../commands/text-formatting';
 export default function keymapPlugin(schema, editorAnalyticsAPI) {

package/dist/es2019/plugins/text-formatting/pm-plugins/main.js

@@ -1,6 +1,6 @@
 import { toggleMark } from 'prosemirror-commands';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import * as keymaps from '../../../keymaps';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
 import { shallowEqual } from '@atlaskit/editor-common/utils';
 import { createInlineCodeFromTextInputWithAnalytics } from '../commands/text-formatting';
 // eslint-disable-next-line no-duplicate-imports

package/dist/es2019/plugins/text-formatting/ui/Toolbar/constants.js

@@ -1,4 +1,4 @@
-import { ToolbarSize } from '../../../../ui/Toolbar/types';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { IconTypes } from './types';
 export const DefaultButtonsToolbar = [IconTypes.strong, IconTypes.em];
 export const DefaultButtonsMenu = [IconTypes.underline, IconTypes.strike, IconTypes.code, IconTypes.subscript, IconTypes.superscript];

package/dist/es2019/plugins/text-formatting/ui/Toolbar/hooks/clear-formatting-icon.js

@@ -1,12 +1,12 @@
 /** @jsx jsx */
 import { useCallback, useMemo } from 'react';
 import { jsx } from '@emotion/react';
-import { shortcutStyle } from '../../../../../ui/styles';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { toolbarMessages } from '../toolbar-messages';
 import { clearFormattingWithAnalytics } from '../../../commands/clear-formatting';
 import { pluginKey as clearFormattingPluginKey } from '../../../pm-plugins/clear-formatting';
-import { clearFormatting as clearFormattingKeymap, tooltip } from '../../../../../keymaps';
-import { INPUT_METHOD } from '../../../../analytics/types/enums';
+import { clearFormatting as clearFormattingKeymap, tooltip } from '@atlaskit/editor-common/keymaps';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 const useClearFormattingPluginState = editorState => {
   return useMemo(() => clearFormattingPluginKey.getState(editorState), [editorState]);
 };

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

@@ -3,13 +3,12 @@ import React, { useMemo } from 'react';
 import { jsx } from '@emotion/react';
 import BoldIcon from '@atlaskit/icon/glyph/editor/bold';
 import ItalicIcon from '@atlaskit/icon/glyph/editor/italic';
-import { shortcutStyle } from '../../../../../ui/styles';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { toolbarMessages } from '../toolbar-messages';
 import * as commands from '../../../commands/text-formatting';
-import { TOOLBAR_ACTION_SUBJECT_ID } from '../../../../../plugins/analytics/types/toolbar-button';
+import { TOOLBAR_ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { pluginKey as textFormattingPluginKey } from '../../../pm-plugins/plugin-key';
 import { toggleCode, toggleStrikethrough, toggleUnderline, tooltip, toggleBold, toggleItalic, toggleSubscript, toggleSuperscript, ToolTipContent } from '../../../../../keymaps';
-import { INPUT_METHOD } from '../../../../analytics/types/enums';
 import { IconTypes } from '../types';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 const withToolbarInputMethod = func => func({

package/dist/es2019/plugins/text-formatting/ui/Toolbar/index.js

@@ -2,7 +2,7 @@
 import React, { useMemo, useState, useEffect } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { separatorStyles, wrapperStyle, buttonGroupStyle } from '../../../../ui/styles';
+import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { useFormattingIcons, useHasFormattingActived } from './hooks/formatting-icons';
 import { useClearIcon } from './hooks/clear-formatting-icon';
 import { useResponsiveToolbarButtons, useResponsiveIconTypeMenu } from './hooks/responsive-toolbar-buttons';

package/dist/es2019/plugins/text-formatting/ui/Toolbar/more-button.js

@@ -2,8 +2,8 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import MoreIcon from '@atlaskit/icon/glyph/editor/more';
-import { triggerWrapperStyles } from '../../../../ui/styles';
-import ToolbarButton from '../../../../ui/ToolbarButton';
+import { triggerWrapperStyles } from '@atlaskit/editor-common/styles';
+import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 export const MoreButton = /*#__PURE__*/React.memo(({
   label,
   'aria-expanded': ariaExpanded,

package/dist/es2019/plugins/text-formatting/ui/Toolbar/single-toolbar-buttons.js

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import React, { useCallback } from 'react';
 import { jsx } from '@emotion/react';
-import { buttonGroupStyle } from '../../../../ui/styles';
-import ToolbarButton from '../../../../ui/ToolbarButton';
+import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+import { buttonGroupStyle } from '@atlaskit/editor-common/styles';
 export const SingleToolbarButtons = /*#__PURE__*/React.memo(({
   items,
   isReducedSpacing,

package/dist/es2019/plugins/toolbar-lists-indentation/ui/Toolbar.js

@@ -9,7 +9,7 @@ import { toggleBulletList as toggleBulletListKeymap, toggleOrderedList as toggle
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../ui/ToolbarButton';
 import { messages } from '../../list/messages';
 import { messages as indentationMessages } from '../../indentation/messages';
-import { buttonGroupStyle, separatorStyles } from '../../../ui/styles';
+import { separatorStyles, buttonGroupStyle } from '@atlaskit/editor-common/styles';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 import { useEffect, useRef } from 'react';
 export function Toolbar(props) {

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

@@ -7,7 +7,8 @@ import BulletListIcon from '@atlaskit/icon/glyph/editor/bullet-list';
 import { toggleBulletList as toggleBulletListKeymap, toggleOrderedList as toggleOrderedListKeymap, indent as toggleIndentKeymap, outdent as toggleOutdentKeymap, tooltip } from '../../../keymaps';
 import DropdownMenu from '../../../ui/DropdownMenu';
 import ToolbarButton from '../../../ui/ToolbarButton';
-import { wrapperStyle, expandIconWrapperStyle, shortcutStyle, separatorStyles } from '../../../ui/styles';
+import { expandIconWrapperStyle, shortcutStyle } from '../../../ui/styles';
+import { wrapperStyle, separatorStyles } from '@atlaskit/editor-common/styles';
 import { messages as listMessages } from '../../list/messages';
 import { messages as indentationMessages } from '../../indentation/messages';
 export function ToolbarDropdown(props) {

package/dist/es2019/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -5,7 +5,7 @@ import { injectIntl } from 'react-intl-next';
 import UndoIcon from '@atlaskit/icon/glyph/undo';
 import RedoIcon from '@atlaskit/icon/glyph/redo';
 import { undo as undoKeymap, redo as redoKeymap, ToolTipContent, tooltip } from '../../../../keymaps';
-import { buttonGroupStyle, separatorStyles } from '../../../../ui/styles';
+import { separatorStyles, buttonGroupStyle } from '@atlaskit/editor-common/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { messages } from '../../messages';
 import { createTypeAheadTools } from '../../../type-ahead/api';

package/dist/es2019/ui/styles.js

@@ -1,55 +1,13 @@
 import { css } from '@emotion/react';
-import { N30 } from '@atlaskit/theme/colors';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 export { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
-export const buttonGroupStyle = css`
-  display: inline-flex;
-  align-items: center;
-
-  & > div {
-    display: flex;
-  }
-`;
-
-// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
-// If you make change here, change in above file as well.
-export const separatorStyles = css`
-  background: ${`var(--ds-border, ${N30})`};
-  width: 1px;
-  height: 24px;
-  display: inline-block;
-  margin: 0 8px;
-  user-select: none;
-`;
-
-// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
-// If you make change here, change in above file as well.
-export const wrapperStyle = css`
-  display: flex;
-  align-items: center;
-
-  > div,
-  > span {
-    display: flex;
-  }
-
-  > div > div {
-    display: flex;
-  }
-
-  margin-left: 0;
-  min-width: auto;
-`;
 export const wrapperSmallStyle = css`
-  margin-left: 4px;
+  margin-left: ${"var(--ds-space-050, 4px)"};
   min-width: 40px;
 `;
 export const expandIconWrapperStyle = css`
   margin-left: -8px;
 `;
-export const triggerWrapperStyles = css`
-  display: flex;
-`;
 export const buttonContentStyle = css`
   display: flex;
   min-width: 80px;
@@ -57,10 +15,10 @@ export const buttonContentStyle = css`
   overflow: hidden;
   justify-content: center;
   flex-direction: column;
-  padding: 6px;
+  padding: ${"var(--ds-space-075, 6px)"};
 `;
 export const buttonContentReducedSpacingStyle = css`
-  padding: 8px;
+  padding: ${"var(--ds-space-100, 8px)"};
 `;
 export const clickSelectWrapperStyle = css`
   user-select: all;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.4.8";
+export const version = "187.4.10";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.4.8",
+	"version": "187.4.10",
 	"sideEffects": false
 }

package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -18,7 +18,7 @@ import ToolbarButton from '../../../../ui/ToolbarButton';
 import Dropdown from '../../../../ui/Dropdown';
 import Alignment from '../../../../ui/Alignment';
 import { expandIconWrapper, triggerWrapper, wrapper } from './styles';
-import { separatorStyles } from '../../../../ui/styles';
+import { separatorStyles } from '@atlaskit/editor-common/styles';
 import { IconMap } from './icon-map';
 import { messages } from './messages';
 export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -5,7 +5,8 @@ import { FormattedMessage, defineMessages } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import TextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
 import ToolbarButton from '../../../../ui/ToolbarButton';
-import { buttonContentStyle, buttonContentReducedSpacingStyle, wrapperStyle, wrapperSmallStyle, expandIconWrapperStyle } from '../../../../ui/styles';
+import { buttonContentStyle, buttonContentReducedSpacingStyle, wrapperSmallStyle, expandIconWrapperStyle } from '../../../../ui/styles';
+import { wrapperStyle } from '@atlaskit/editor-common/styles';
 import { NORMAL_TEXT } from '../../types';
 export var messages = defineMessages({
   textStyles: {

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -15,7 +15,7 @@ import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import DropdownMenu from '../../../../ui/DropdownMenu';
-import { separatorStyles, wrapperStyle } from '../../../../ui/styles';
+import { separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { blockTypeMenuItemStyle, keyboardShortcut, keyboardShortcutSelect } from './styled';
 import { tooltip, findKeymapByDescription } from '../../../../keymaps';
 import { BlockTypeButton } from './blocktype-button';

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -18,7 +18,7 @@ import { injectIntl } from 'react-intl-next';
 import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import { Popup } from '@atlaskit/editor-common/ui';
 import ToolbarButton from '../../../../ui/ToolbarButton';
-import { separatorStyles, buttonGroupStyle, wrapperStyle } from '../../../../ui/styles';
+import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { insertDate } from '../../../date/actions';
 import { openElementBrowserModal } from '../../../quick-insert/commands';
 import { showPlaceholderFloatingToolbar } from '../../../placeholder-text/actions';

package/dist/esm/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -20,7 +20,8 @@ import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ColorPalette, { textPaletteTooltipMessages } from '../../../../ui/ColorPalette';
 import Dropdown from '../../../../ui/Dropdown';
-import { expandIconWrapperStyle, wrapperStyle, separatorStyles, triggerWrapperStyles } from '../../../../ui/styles';
+import { expandIconWrapperStyle } from '../../../../ui/styles';
+import { wrapperStyle, separatorStyles, triggerWrapperStyles } from '@atlaskit/editor-common/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../analytics';
 import * as commands from '../../commands/change-color';

package/dist/esm/plugins/text-formatting/commands/clear-formatting.js

@@ -1,7 +1,7 @@
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { liftTarget } from 'prosemirror-transform';
-import { cellSelectionNodesBetween } from '../../../utils/cell-selection';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { cellSelectionNodesBetween } from '../utils/cell-selection';
 export var FORMATTING_NODE_TYPES = ['heading', 'codeBlock', 'blockquote'];
 export var FORMATTING_MARK_TYPES = ['em', 'code', 'strike', 'strong', 'underline', 'textColor', 'subsup'];
 var formatTypes = {

package/dist/esm/plugins/text-formatting/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { code, em, strike, strong, subsup, underline } from '@atlaskit/adf-schema';
-import WithPluginState from '../../ui/WithPluginState';
+import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import { plugin as textFormattingPlugin, pluginKey as textFormattingPluginKey } from './pm-plugins/main';
 import { plugin as clearFormattingPlugin, pluginKey as clearFormattingPluginKey } from './pm-plugins/clear-formatting';
 import clearFormattingKeymapPlugin from './pm-plugins/clear-formatting-keymap';

package/dist/esm/plugins/text-formatting/pm-plugins/clear-formatting-keymap.js

@@ -1,5 +1,5 @@
 import { keymap } from 'prosemirror-keymap';
-import * as keymaps from '../../../keymaps';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { clearFormattingWithAnalytics } from '../commands/clear-formatting';
 export function keymapPlugin(editorAnalyticsAPI) {

package/dist/esm/plugins/text-formatting/pm-plugins/clear-formatting.js

@@ -1,9 +1,9 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import * as safePlugin from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { checkFormattingIsPresent } from '../utils';
 export var pluginKey = new PluginKey('clearFormattingPlugin');
 export var plugin = function plugin(dispatch) {
-  return new SafePlugin({
+  return new safePlugin.SafePlugin({
     state: {
       init: function init(_config, state) {
         return {

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

@@ -11,8 +11,7 @@ var _ValidCombinations;
 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 { ruleWithAnalytics } from '../../../utils/input-rules';
-import { createRule, createPlugin } from '@atlaskit/prosemirror-input-rules';
-import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
+import { createRule, createPlugin, leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { transformSmartCharsMentionsAndEmojis } from '../commands/transform-to-code';
 var ValidAutoformatChars = /*#__PURE__*/function (ValidAutoformatChars) {

package/dist/esm/plugins/text-formatting/pm-plugins/keymap.js

@@ -1,5 +1,5 @@
-import * as keymaps from '../../../keymaps';
-import { keymap } from '../../../utils/keymap';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
+import { keymap } from 'prosemirror-keymap';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import * as commands from '../commands/text-formatting';
 export default function keymapPlugin(schema, editorAnalyticsAPI) {

package/dist/esm/plugins/text-formatting/pm-plugins/main.js

@@ -1,6 +1,6 @@
 import { toggleMark } from 'prosemirror-commands';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import * as keymaps from '../../../keymaps';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
 import { shallowEqual } from '@atlaskit/editor-common/utils';
 import { createInlineCodeFromTextInputWithAnalytics } from '../commands/text-formatting';
 // eslint-disable-next-line no-duplicate-imports

package/dist/esm/plugins/text-formatting/ui/Toolbar/constants.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _ResponsiveCustomButt, _ResponsiveCustomMenu;
-import { ToolbarSize } from '../../../../ui/Toolbar/types';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { IconTypes } from './types';
 export var DefaultButtonsToolbar = [IconTypes.strong, IconTypes.em];
 export var DefaultButtonsMenu = [IconTypes.underline, IconTypes.strike, IconTypes.code, IconTypes.subscript, IconTypes.superscript];

package/dist/esm/plugins/text-formatting/ui/Toolbar/hooks/clear-formatting-icon.js

@@ -1,12 +1,12 @@
 /** @jsx jsx */
 import { useCallback, useMemo } from 'react';
 import { jsx } from '@emotion/react';
-import { shortcutStyle } from '../../../../../ui/styles';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { toolbarMessages } from '../toolbar-messages';
 import { clearFormattingWithAnalytics } from '../../../commands/clear-formatting';
 import { pluginKey as clearFormattingPluginKey } from '../../../pm-plugins/clear-formatting';
-import { clearFormatting as clearFormattingKeymap, tooltip } from '../../../../../keymaps';
-import { INPUT_METHOD } from '../../../../analytics/types/enums';
+import { clearFormatting as clearFormattingKeymap, tooltip } from '@atlaskit/editor-common/keymaps';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 var useClearFormattingPluginState = function useClearFormattingPluginState(editorState) {
   return useMemo(function () {
     return clearFormattingPluginKey.getState(editorState);

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

@@ -5,13 +5,12 @@ import React, { useMemo } from 'react';
 import { jsx } from '@emotion/react';
 import BoldIcon from '@atlaskit/icon/glyph/editor/bold';
 import ItalicIcon from '@atlaskit/icon/glyph/editor/italic';
-import { shortcutStyle } from '../../../../../ui/styles';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { toolbarMessages } from '../toolbar-messages';
 import * as commands from '../../../commands/text-formatting';
-import { TOOLBAR_ACTION_SUBJECT_ID } from '../../../../../plugins/analytics/types/toolbar-button';
+import { TOOLBAR_ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { pluginKey as textFormattingPluginKey } from '../../../pm-plugins/plugin-key';
 import { toggleCode, toggleStrikethrough, toggleUnderline, tooltip, toggleBold, toggleItalic, toggleSubscript, toggleSuperscript, ToolTipContent } from '../../../../../keymaps';
-import { INPUT_METHOD } from '../../../../analytics/types/enums';
 import { IconTypes } from '../types';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 var withToolbarInputMethod = function withToolbarInputMethod(func) {

package/dist/esm/plugins/text-formatting/ui/Toolbar/index.js

@@ -11,7 +11,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { useMemo, useState, useEffect } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { separatorStyles, wrapperStyle, buttonGroupStyle } from '../../../../ui/styles';
+import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { useFormattingIcons, useHasFormattingActived } from './hooks/formatting-icons';
 import { useClearIcon } from './hooks/clear-formatting-icon';
 import { useResponsiveToolbarButtons, useResponsiveIconTypeMenu } from './hooks/responsive-toolbar-buttons';

package/dist/esm/plugins/text-formatting/ui/Toolbar/more-button.js

@@ -2,8 +2,8 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import MoreIcon from '@atlaskit/icon/glyph/editor/more';
-import { triggerWrapperStyles } from '../../../../ui/styles';
-import ToolbarButton from '../../../../ui/ToolbarButton';
+import { triggerWrapperStyles } from '@atlaskit/editor-common/styles';
+import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 export var MoreButton = /*#__PURE__*/React.memo(function (_ref) {
   var label = _ref.label,
     ariaExpanded = _ref['aria-expanded'],

package/dist/esm/plugins/text-formatting/ui/Toolbar/single-toolbar-buttons.js

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import React, { useCallback } from 'react';
 import { jsx } from '@emotion/react';
-import { buttonGroupStyle } from '../../../../ui/styles';
-import ToolbarButton from '../../../../ui/ToolbarButton';
+import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+import { buttonGroupStyle } from '@atlaskit/editor-common/styles';
 export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
   var items = _ref.items,
     isReducedSpacing = _ref.isReducedSpacing,

package/dist/esm/plugins/toolbar-lists-indentation/ui/Toolbar.js

@@ -9,7 +9,7 @@ import { toggleBulletList as toggleBulletListKeymap, toggleOrderedList as toggle
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../ui/ToolbarButton';
 import { messages } from '../../list/messages';
 import { messages as indentationMessages } from '../../indentation/messages';
-import { buttonGroupStyle, separatorStyles } from '../../../ui/styles';
+import { separatorStyles, buttonGroupStyle } from '@atlaskit/editor-common/styles';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 import { useEffect, useRef } from 'react';
 export function Toolbar(props) {

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

@@ -8,7 +8,8 @@ import BulletListIcon from '@atlaskit/icon/glyph/editor/bullet-list';
 import { toggleBulletList as toggleBulletListKeymap, toggleOrderedList as toggleOrderedListKeymap, indent as toggleIndentKeymap, outdent as toggleOutdentKeymap, tooltip } from '../../../keymaps';
 import DropdownMenu from '../../../ui/DropdownMenu';
 import ToolbarButton from '../../../ui/ToolbarButton';
-import { wrapperStyle, expandIconWrapperStyle, shortcutStyle, separatorStyles } from '../../../ui/styles';
+import { expandIconWrapperStyle, shortcutStyle } from '../../../ui/styles';
+import { wrapperStyle, separatorStyles } from '@atlaskit/editor-common/styles';
 import { messages as listMessages } from '../../list/messages';
 import { messages as indentationMessages } from '../../indentation/messages';
 export function ToolbarDropdown(props) {

package/dist/esm/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -12,7 +12,7 @@ import { injectIntl } from 'react-intl-next';
 import UndoIcon from '@atlaskit/icon/glyph/undo';
 import RedoIcon from '@atlaskit/icon/glyph/redo';
 import { undo as undoKeymap, redo as redoKeymap, ToolTipContent, tooltip } from '../../../../keymaps';
-import { buttonGroupStyle, separatorStyles } from '../../../../ui/styles';
+import { separatorStyles, buttonGroupStyle } from '@atlaskit/editor-common/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { messages } from '../../messages';
 import { createTypeAheadTools } from '../../../type-ahead/api';

package/dist/esm/ui/styles.js

@@ -1,22 +1,11 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 import { css } from '@emotion/react';
-import { N30 } from '@atlaskit/theme/colors';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 export { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
-export var buttonGroupStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
-
-// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
-// If you make change here, change in above file as well.
-export var separatorStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n  user-select: none;\n"])), "var(--ds-border, ".concat(N30, ")"));
-
-// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
-// If you make change here, change in above file as well.
-export var wrapperStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
-export var wrapperSmallStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
-export var expandIconWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));
-export var triggerWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-export var buttonContentStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 6px;\n"])));
-export var buttonContentReducedSpacingStyle = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 8px;\n"])));
-export var clickSelectWrapperStyle = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));
-export var centeredToolbarContainer = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n"])));
+export var wrapperSmallStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  min-width: 40px;\n"])), "var(--ds-space-050, 4px)");
+export var expandIconWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));
+export var buttonContentStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: ", ";\n"])), "var(--ds-space-075, 6px)");
+export var buttonContentReducedSpacingStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), "var(--ds-space-100, 8px)");
+export var clickSelectWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));
+export var centeredToolbarContainer = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n"])));

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.4.8";
+export var version = "187.4.10";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.4.8",
+	"version": "187.4.10",
 	"sideEffects": false
 }

package/dist/types/plugins/alignment/ui/ToolbarAlignment/index.d.ts

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { AlignmentPluginState, AlignmentState } from '../../pm-plugins/types';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { AlignmentPluginState, AlignmentState } from '../../pm-plugins/types';
 export interface State {
     isOpen: boolean;
     isOpenedByKeyboard: boolean;

package/dist/types/plugins/block-type/ui/ToolbarBlockType/blocktype-button.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { MessageDescriptor } from '../../../../types/i18n';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { MessageDescriptor } from '../../../../types/i18n';
 export interface BlockTypeButtonProps {
     isSmall?: boolean;
     isReducedSpacing?: boolean;

package/dist/types/plugins/block-type/ui/ToolbarBlockType/index.d.ts

@@ -1,10 +1,10 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { BlockTypeState } from '../../pm-plugins/main';
-import { BlockType } from '../../types';
-import { MenuItem } from '@atlaskit/editor-common/ui-menu';
-import { EditorView } from 'prosemirror-view';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { BlockTypeState } from '../../pm-plugins/main';
+import type { BlockType } from '../../types';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { EditorView } from 'prosemirror-view';
 export type DropdownItem = MenuItem & {
     value: BlockType;
 };

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { Props, State } from './types';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { Props, State } from './types';
 export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps, State> {
     private dropdownButtonRef?;
     private emojiButtonRef?;

package/dist/types/plugins/text-color/ui/ToolbarTextColor/index.d.ts

@@ -1,11 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { EditorView } from 'prosemirror-view';
-import { WrappedComponentProps } from 'react-intl-next';
-import { DispatchAnalyticsEvent } from '../../../analytics';
-import { TextColorPluginState } from '../../pm-plugins/main';
-import { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { EditorView } from 'prosemirror-view';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { DispatchAnalyticsEvent } from '../../../analytics';
+import type { TextColorPluginState } from '../../pm-plugins/main';
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
 export declare const messages: {
     textColor: {
         id: string;

package/dist/types/plugins/text-formatting/commands/clear-formatting.d.ts

@@ -1,5 +1,5 @@
-import { Command } from '../../../types';
-import { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 export declare const FORMATTING_NODE_TYPES: string[];
 export declare const FORMATTING_MARK_TYPES: string[];
 export declare function clearFormattingWithAnalytics(inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): Command;

package/dist/types/plugins/text-formatting/commands/text-formatting.d.ts

@@ -1,5 +1,6 @@
-import { Command } from '../../../types';
-import { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 export declare const moveRight: () => Command;
 export declare const moveLeft: () => Command;
 export type InputMethodToolbar = INPUT_METHOD.TOOLBAR;

package/dist/types/plugins/text-formatting/commands/transform-to-code.d.ts

@@ -1,2 +1,2 @@
-import { Transaction } from 'prosemirror-state';
+import type { Transaction } from 'prosemirror-state';
 export declare const transformSmartCharsMentionsAndEmojis: (from: number, to: number, tr: Transaction) => void;