@atlaskit/editor-plugin-panel 28.0.4 → 28.0.7

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-panel
 
+## 28.0.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 28.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 28.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.0.4
 
 ### Patch Changes

package/dist/cjs/editor-actions/actions.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.removePanel = exports.changePanelType = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _panel = require("@atlaskit/editor-common/panel");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _panel = require("@atlaskit/editor-common/styles/panel");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -19,12 +19,12 @@ var removePanel = exports.removePanel = function removePanel(editorAnalyticsAPI)
     var nodes = state.schema.nodes,
       tr = state.tr;
     var payload = {
-      action: _analytics.ACTION.DELETED,
-      actionSubject: _analytics.ACTION_SUBJECT.PANEL,
+      action: _enums.ACTION.DELETED,
+      actionSubject: _enums.ACTION_SUBJECT.PANEL,
       attributes: {
-        inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
+        inputMethod: _enums.INPUT_METHOD.FLOATING_TB
       },
-      eventType: _analytics.EVENT_TYPE.TRACK
+      eventType: _enums.EVENT_TYPE.TRACK
     };
     var panelNodeTypes = (0, _utils2.panelTypes)(nodes);
     var deleteTr = tr;
@@ -82,13 +82,13 @@ var changePanelType = exports.changePanelType = function changePanelType(editorA
         });
       }
       var payload = {
-        action: _analytics.ACTION.CHANGED_TYPE,
-        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
+        action: _enums.ACTION.CHANGED_TYPE,
+        actionSubject: _enums.ACTION_SUBJECT.PANEL,
         attributes: {
           newType: newType,
           previousType: previousType
         },
-        eventType: _analytics.EVENT_TYPE.TRACK
+        eventType: _enums.EVENT_TYPE.TRACK
       };
 
       // Select the panel if it was previously selected

package/dist/cjs/nodeviews/panel.js

@@ -10,10 +10,14 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireDefault(require("react"));
 var _uuid = require("uuid");
 var _panel = require("@atlaskit/adf-schema/panel");
-var _emoji = require("@atlaskit/editor-common/emoji");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _icons = require("@atlaskit/editor-common/icons");
-var _panel2 = require("@atlaskit/editor-common/panel");
+var _PanelErrorIcon = require("@atlaskit/editor-common/icons/PanelErrorIcon");
+var _PanelInfoIcon = require("@atlaskit/editor-common/icons/PanelInfoIcon");
+var _PanelNoteIcon = require("@atlaskit/editor-common/icons/PanelNoteIcon");
+var _PanelSuccessIcon = require("@atlaskit/editor-common/icons/PanelSuccessIcon");
+var _PanelWarningIcon = require("@atlaskit/editor-common/icons/PanelWarningIcon");
+var _panel2 = require("@atlaskit/editor-common/styles/panel");
+var _uiEmoji = _interopRequireDefault(require("@atlaskit/editor-common/ui-emoji"));
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
 var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/lightbulb"));
@@ -24,13 +28,13 @@ var _renderPanelIcon = require("../ui/renderPanelIcon");
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Mapping export
 var panelIcons = exports.panelIcons = {
-  info: _icons.PanelInfoIcon,
-  success: _icons.PanelSuccessIcon,
-  note: _icons.PanelNoteIcon,
+  info: _PanelInfoIcon.PanelInfoIcon,
+  success: _PanelSuccessIcon.PanelSuccessIcon,
+  note: _PanelNoteIcon.PanelNoteIcon,
   tip: _lightbulb.default,
-  warning: _icons.PanelWarningIcon,
-  error: _icons.PanelErrorIcon,
-  custom: _icons.PanelInfoIcon
+  warning: _PanelWarningIcon.PanelWarningIcon,
+  error: _PanelErrorIcon.PanelErrorIcon,
+  custom: _PanelInfoIcon.PanelInfoIcon
 };
 /* eslint-enable @atlaskit/editor/no-re-export */
 
@@ -48,11 +52,11 @@ var PanelIcon = exports.PanelIcon = function PanelIcon(props) {
     panelIcon = _props$panelAttribute.panelIcon,
     panelIconId = _props$panelAttribute.panelIconId,
     panelIconText = _props$panelAttribute.panelIconText;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['emoji'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['emoji'], selector),
     emojiState = _useSharedPluginState.emojiState;
   var emojiProvider = emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
   if (allowCustomPanel && panelIcon && panelType === _panel.PanelType.CUSTOM) {
-    return /*#__PURE__*/_react.default.createElement(_emoji.Emoji, {
+    return /*#__PURE__*/_react.default.createElement(_uiEmoji.default, {
       emojiProvider: emojiProvider,
       providers: providerFactory,
       shortName: panelIcon,

package/dist/cjs/panelPlugin.js

@@ -13,9 +13,11 @@ var _extendedPanelC = require("@atlaskit/adf-schema/extended-panel-c1");
 var _extendedPanelC1WithLocalId = require("@atlaskit/adf-schema/extended-panel-c1-with-local-id");
 var _extendedPanelWithLocalId = require("@atlaskit/adf-schema/extended-panel-with-local-id");
 var _panel = require("@atlaskit/adf-schema/panel");
-var _blockMenu = require("@atlaskit/editor-common/block-menu");
-var _messages = require("@atlaskit/editor-common/messages");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _assets = require("@atlaskit/editor-common/assets");
+var _key = require("@atlaskit/editor-common/block-menu/key");
+var _rank = require("@atlaskit/editor-common/block-menu/rank");
+var _customPanel = _interopRequireDefault(require("@atlaskit/editor-common/custom-panel"));
+var _blockType = require("@atlaskit/editor-common/messages/block-type");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -39,11 +41,11 @@ var panelPlugin = function panelPlugin(_ref) {
     api = _ref.api;
   api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents([{
     type: 'block-menu-item',
-    key: _blockMenu.TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key,
+    key: _key.TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key,
-      rank: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION_RANK[_blockMenu.TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]
+      key: _key.TRANSFORM_STRUCTURE_MENU_SECTION.key,
+      rank: _rank.TRANSFORM_STRUCTURE_MENU_SECTION_RANK[_key.TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]
     },
     component: (0, _panelBlockMenuItem.createPanelBlockMenuItem)(api),
     isHidden: function isHidden() {
@@ -129,12 +131,12 @@ var panelPlugin = function panelPlugin(_ref) {
         var formatMessage = _ref3.formatMessage;
         var quickInsertOptions = [{
           id: 'infopanel',
-          title: formatMessage(_messages.blockTypeMessages.infoPanel),
+          title: formatMessage(_blockType.messages.infoPanel),
           keywords: ['panel'],
-          description: formatMessage(_messages.blockTypeMessages.infoPanelDescription),
+          description: formatMessage(_blockType.messages.infoPanelDescription),
           priority: 800,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanel, null);
+            return /*#__PURE__*/_react.default.createElement(_assets.IconPanel, null);
           },
           action: function action(typeAheadInsert, state) {
             return (0, _createPanelAction.createPanelAction)({
@@ -148,11 +150,11 @@ var panelPlugin = function panelPlugin(_ref) {
           }
         }, {
           id: 'notepanel',
-          title: formatMessage(_messages.blockTypeMessages.notePanel),
-          description: formatMessage(_messages.blockTypeMessages.notePanelDescription),
+          title: formatMessage(_blockType.messages.notePanel),
+          description: formatMessage(_blockType.messages.notePanelDescription),
           priority: 1000,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelNote, null);
+            return /*#__PURE__*/_react.default.createElement(_assets.IconPanelNote, null);
           },
           action: function action(typeAheadInsert, state) {
             return (0, _createPanelAction.createPanelAction)({
@@ -166,12 +168,12 @@ var panelPlugin = function panelPlugin(_ref) {
           }
         }, {
           id: 'successpanel',
-          title: formatMessage(_messages.blockTypeMessages.successPanel),
-          description: formatMessage(_messages.blockTypeMessages.successPanelDescription),
+          title: formatMessage(_blockType.messages.successPanel),
+          description: formatMessage(_blockType.messages.successPanelDescription),
           keywords: ['tip'],
           priority: 1000,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelSuccess, null);
+            return /*#__PURE__*/_react.default.createElement(_assets.IconPanelSuccess, null);
           },
           action: function action(typeAheadInsert, state) {
             return (0, _createPanelAction.createPanelAction)({
@@ -185,11 +187,11 @@ var panelPlugin = function panelPlugin(_ref) {
           }
         }, {
           id: 'warningpanel',
-          title: formatMessage(_messages.blockTypeMessages.warningPanel),
-          description: formatMessage(_messages.blockTypeMessages.warningPanelDescription),
+          title: formatMessage(_blockType.messages.warningPanel),
+          description: formatMessage(_blockType.messages.warningPanelDescription),
           priority: 1000,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelWarning, null);
+            return /*#__PURE__*/_react.default.createElement(_assets.IconPanelWarning, null);
           },
           action: function action(typeAheadInsert, state) {
             return (0, _createPanelAction.createPanelAction)({
@@ -203,11 +205,11 @@ var panelPlugin = function panelPlugin(_ref) {
           }
         }, {
           id: 'errorpanel',
-          title: formatMessage(_messages.blockTypeMessages.errorPanel),
-          description: formatMessage(_messages.blockTypeMessages.errorPanelDescription),
+          title: formatMessage(_blockType.messages.errorPanel),
+          description: formatMessage(_blockType.messages.errorPanelDescription),
           priority: 1000,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelError, null);
+            return /*#__PURE__*/_react.default.createElement(_assets.IconPanelError, null);
           },
           action: function action(typeAheadInsert, state) {
             return (0, _createPanelAction.createPanelAction)({
@@ -223,11 +225,11 @@ var panelPlugin = function panelPlugin(_ref) {
         if (allowCustomPanel && allowCustomPanelEdit) {
           quickInsertOptions.push({
             id: 'custompanel',
-            title: formatMessage(_messages.blockTypeMessages.customPanel),
-            description: formatMessage(_messages.blockTypeMessages.customPanelDescription),
+            title: formatMessage(_blockType.messages.customPanel),
+            description: formatMessage(_blockType.messages.customPanelDescription),
             priority: 1000,
             icon: function icon() {
-              return /*#__PURE__*/_react.default.createElement(_quickInsert.IconCustomPanel, null);
+              return /*#__PURE__*/_react.default.createElement(_customPanel.default, null);
             },
             action: function action(typeAheadInsert, state) {
               return (0, _createPanelAction.createPanelAction)({

package/dist/cjs/pm-plugins/commands/create-panel-action.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPanelAction = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _insert = require("@atlaskit/editor-common/insert");
-var _utils = require("@atlaskit/editor-common/utils");
+var _createWrapSelectionTransaction = require("@atlaskit/editor-common/utils/create-wrap-selection-transaction");
 var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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; }
@@ -19,7 +19,7 @@ var createPanelAction = exports.createPanelAction = function createPanelAction(_
     api = _ref.api,
     typeAheadInsert = _ref.typeAheadInsert,
     _ref$inputMethod = _ref.inputMethod,
-    inputMethod = _ref$inputMethod === void 0 ? _analytics.INPUT_METHOD.QUICK_INSERT : _ref$inputMethod;
+    inputMethod = _ref$inputMethod === void 0 ? _enums.INPUT_METHOD.QUICK_INSERT : _ref$inputMethod;
   var panelNodeType = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _nodeTypeUtils.pickPanelTypeForInsertion)(state.selection.$from) : state.schema.nodes.panel;
   var tr;
   if (state.selection.empty) {
@@ -30,7 +30,7 @@ var createPanelAction = exports.createPanelAction = function createPanelAction(_
     }
     tr = typeAheadInsert ? typeAheadInsert(node) : (_insertSelectedItem = (0, _insert.insertSelectedItem)(node)(state, state.tr, state.selection.head)) === null || _insertSelectedItem === void 0 ? void 0 : _insertSelectedItem.scrollIntoView();
   } else {
-    tr = (0, _utils.createWrapSelectionTransaction)({
+    tr = (0, _createWrapSelectionTransaction.createWrapSelectionTransaction)({
       state: state,
       type: panelNodeType,
       nodeAttributes: _objectSpread({}, attributes)
@@ -39,14 +39,14 @@ var createPanelAction = exports.createPanelAction = function createPanelAction(_
   if (tr) {
     var _api$analytics;
     api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
-      action: _analytics.ACTION.INSERTED,
-      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+      action: _enums.ACTION.INSERTED,
+      actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.PANEL,
       attributes: {
         inputMethod: inputMethod,
         panelType: attributes.panelType
       },
-      eventType: _analytics.EVENT_TYPE.TRACK
+      eventType: _enums.EVENT_TYPE.TRACK
     })(tr);
   }
   return tr !== null && tr !== void 0 ? tr : false;

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

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _panel = require("@atlaskit/editor-common/panel");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _selection = require("@atlaskit/editor-common/selection");
+var _panel = require("@atlaskit/editor-common/styles/panel");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _panel2 = require("../nodeviews/panel");
 var _panelPluginType = require("../panelPluginType");

package/dist/cjs/pm-plugins/utils/utils.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.panelTypes = exports.panelContentCheck = exports.panelAttrsToDom = exports.isPanel = exports.handleCut = exports.findPanel = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _panel = require("@atlaskit/adf-schema/panel");
-var _panel2 = require("@atlaskit/editor-common/panel");
-var _editorPalette = require("@atlaskit/editor-palette");
+var _panel2 = require("@atlaskit/editor-common/styles/panel");
+var _background = require("@atlaskit/editor-palette/background");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
@@ -35,7 +35,7 @@ var panelAttrsToDom = exports.panelAttrsToDom = function panelAttrsToDom(attrs,
     panelIconText = attrs.panelIconText;
   var isCustomPanel = panelType === _panel.PanelType.CUSTOM && allowCustomPanel;
   var hasIcon = !isCustomPanel || !!panelIcon || !!panelIconId;
-  var tokenColor = typeof panelColor === 'string' && (0, _editorPalette.hexToEditorBackgroundPaletteColor)(panelColor);
+  var tokenColor = typeof panelColor === 'string' && (0, _background.hexToEditorBackgroundPaletteColor)(panelColor);
   var panelBackgroundColor = tokenColor || panelColor;
   var isCustomPanelWithColor = typeof panelColor === 'string' && isCustomPanel;
   var style = ["".concat(isCustomPanelWithColor ? "background-color: ".concat(panelBackgroundColor, ";") : ''), // When table-in-panel is enabled, set --table-container-bg so that table

package/dist/cjs/ui/panelBlockMenuItem.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.createPanelBlockMenuItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _blockType = require("@atlaskit/editor-common/messages/block-type");
 var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _informationCircle = _interopRequireDefault(require("@atlaskit/icon/core/information-circle"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var NODE_NAME = 'panel';
@@ -20,8 +20,8 @@ var PanelBlockMenuItem = function PanelBlockMenuItem(_ref) {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var handleClick = function handleClick(event) {
-    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _analytics.INPUT_METHOD.KEYBOARD : _analytics.INPUT_METHOD.MOUSE;
-    var inputMethod = _analytics.INPUT_METHOD.BLOCK_MENU;
+    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _enums.INPUT_METHOD.KEYBOARD : _enums.INPUT_METHOD.MOUSE;
+    var inputMethod = _enums.INPUT_METHOD.BLOCK_MENU;
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
       var _api$blockMenu;
       var tr = _ref2.tr;
@@ -37,13 +37,13 @@ var PanelBlockMenuItem = function PanelBlockMenuItem(_ref) {
       }) : null;
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_informationCircle.default, {
       label: "",
       size: "small"
     })
-  }, formatMessage(_messages.blockTypeMessages.panel));
+  }, formatMessage(_blockType.messages.panel));
 };
 var createPanelBlockMenuItem = exports.createPanelBlockMenuItem = function createPanelBlockMenuItem(api) {
   return function () {

package/dist/cjs/ui/panelTypeDropdown.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.panelTypeDropdown = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _panel = require("@atlaskit/adf-schema/panel");
-var _messages = require("@atlaskit/editor-common/messages");
+var _panel2 = require("@atlaskit/editor-common/messages/panel");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
 var _statusDiscovery = _interopRequireDefault(require("@atlaskit/icon/core/status-discovery"));
@@ -16,37 +16,37 @@ var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
 var _actions = require("../editor-actions/actions");
 var panelTitleAndIcon = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _panel.PanelType.INFO, {
-  title: _messages.panelMessages.info,
+  title: _panel2.panelMessages.info,
   icon: (0, _statusInformation.default)({
     label: 'info-icon',
     color: "var(--ds-icon-information, #357DE8)"
   })
 }), _panel.PanelType.NOTE, {
-  title: _messages.panelMessages.note,
+  title: _panel2.panelMessages.note,
   icon: (0, _statusDiscovery.default)({
     label: 'note-icon',
     color: "var(--ds-icon-discovery, #AF59E1)"
   })
 }), _panel.PanelType.SUCCESS, {
-  title: _messages.panelMessages.success,
+  title: _panel2.panelMessages.success,
   icon: (0, _statusSuccess.default)({
     label: 'success-icon',
     color: "var(--ds-icon-success, #6A9A23)"
   })
 }), _panel.PanelType.WARNING, {
-  title: _messages.panelMessages.warning,
+  title: _panel2.panelMessages.warning,
   icon: (0, _statusWarning.default)({
     label: 'warning-icon',
     color: "var(--ds-icon-warning, #E06C00)"
   })
 }), _panel.PanelType.ERROR, {
-  title: _messages.panelMessages.error,
+  title: _panel2.panelMessages.error,
   icon: (0, _crossCircle.default)({
     label: 'error-icon',
     color: "var(--ds-icon-danger, #C9372C)"
   })
 }), _panel.PanelType.CUSTOM, {
-  title: _messages.panelMessages.custom,
+  title: _panel2.panelMessages.custom,
   icon: (0, _customize.default)({
     label: 'custom-icon'
   })

package/dist/cjs/ui/quick-insert/getPanelQuickInsertComponents.js

@@ -8,7 +8,7 @@ exports.getPanelQuickInsertComponents = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _panel = require("@atlaskit/adf-schema/panel");
-var _messages = require("@atlaskit/editor-common/messages");
+var _blockType = require("@atlaskit/editor-common/messages/block-type");
 var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
 var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _rank = require("@atlaskit/editor-common/quick-insert/rank");
@@ -20,7 +20,7 @@ var _informationCircle = _interopRequireDefault(require("@atlaskit/icon/core/inf
 var _note = _interopRequireDefault(require("@atlaskit/icon/core/note"));
 var _PanelQuickInsertMenuItem = require("./PanelQuickInsertMenuItem");
 var standardPanelItems = [{
-  description: _messages.blockTypeMessages.infoPanelDescription,
+  description: _blockType.messages.infoPanelDescription,
   icon: _informationCircle.default,
   keywords: ['panel'],
   menuItem: _keys.INFO_PANEL_MENU_ITEM,
@@ -29,9 +29,9 @@ var standardPanelItems = [{
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKL.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHA.png'
   },
-  title: _messages.blockTypeMessages.infoPanel
+  title: _blockType.messages.infoPanel
 }, {
-  description: _messages.blockTypeMessages.notePanelDescription,
+  description: _blockType.messages.notePanelDescription,
   icon: _note.default,
   menuItem: _keys.NOTE_PANEL_MENU_ITEM,
   panelType: _panel.PanelType.NOTE,
@@ -39,9 +39,9 @@ var standardPanelItems = [{
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKJ.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHB.png'
   },
-  title: _messages.blockTypeMessages.notePanel
+  title: _blockType.messages.notePanel
 }, {
-  description: _messages.blockTypeMessages.successPanelDescription,
+  description: _blockType.messages.successPanelDescription,
   icon: _checkCircle.default,
   keywords: ['tip'],
   menuItem: _keys.SUCCESS_PANEL_MENU_ITEM,
@@ -50,9 +50,9 @@ var standardPanelItems = [{
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKP.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVH6.png'
   },
-  title: _messages.blockTypeMessages.successPanel
+  title: _blockType.messages.successPanel
 }, {
-  description: _messages.blockTypeMessages.warningPanelDescription,
+  description: _blockType.messages.warningPanelDescription,
   icon: _warningOutline.default,
   menuItem: _keys.WARNING_PANEL_MENU_ITEM,
   panelType: _panel.PanelType.WARNING,
@@ -60,9 +60,9 @@ var standardPanelItems = [{
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKO.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHC.png'
   },
-  title: _messages.blockTypeMessages.warningPanel
+  title: _blockType.messages.warningPanel
 }, {
-  description: _messages.blockTypeMessages.errorPanelDescription,
+  description: _blockType.messages.errorPanelDescription,
   icon: _statusWorkflowCancelled.default,
   menuItem: _keys.ERROR_PANEL_MENU_ITEM,
   panelType: _panel.PanelType.ERROR,
@@ -70,10 +70,10 @@ var standardPanelItems = [{
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKQ.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVH1.png'
   },
-  title: _messages.blockTypeMessages.errorPanel
+  title: _blockType.messages.errorPanel
 }];
 var customPanelItem = {
-  description: _messages.blockTypeMessages.customPanelDescription,
+  description: _blockType.messages.customPanelDescription,
   icon: _pencil.default,
   menuItem: _keys.CUSTOM_PANEL_MENU_ITEM,
   panelType: _panel.PanelType.CUSTOM,
@@ -81,7 +81,7 @@ var customPanelItem = {
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKN.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHD.png'
   },
-  title: _messages.blockTypeMessages.customPanel
+  title: _blockType.messages.customPanel
 };
 var getPanelQuickInsertComponents = exports.getPanelQuickInsertComponents = function getPanelQuickInsertComponents(_ref) {
   var api = _ref.api,

package/dist/cjs/ui/toolbar.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,14 +9,17 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _panel = require("@atlaskit/adf-schema/panel");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _editorAnalytics = require("@atlaskit/editor-common/editor-analytics");
-var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
-var _panel2 = require("@atlaskit/editor-common/panel");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
+var _panel2 = require("@atlaskit/editor-common/messages/panel");
+var _panel3 = require("@atlaskit/editor-common/styles/panel");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
-var _uiColor = require("@atlaskit/editor-common/ui-color");
+var _common = require("@atlaskit/editor-common/ui-color/ColorPalette/Palettes/common");
+var _panelBackgroundPalette = require("@atlaskit/editor-common/ui-color/ColorPalette/panelBackgroundPalette");
+var _panelBackgroundPaletteNew = require("@atlaskit/editor-common/ui-color/ColorPalette/panelBackgroundPaletteNew");
+var _withAnalytics = require("@atlaskit/editor-common/withAnalytics");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
@@ -30,7 +32,6 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _actions = require("../editor-actions/actions");
 var _utils2 = require("../pm-plugins/utils/utils");
 var _panelTypeDropdown = require("./panelTypeDropdown");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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) { (0, _defineProperty2.default)(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; }
 var panelIconMap = exports.panelIconMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _panel.PanelType.INFO, {
@@ -62,7 +63,7 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
     icon: _statusInformation.default,
     onClick: (0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.INFO),
     selected: activePanelType === _panel.PanelType.INFO,
-    title: formatMessage(_messages.panelMessages.info),
+    title: formatMessage(_panel2.panelMessages.info),
     tabIndex: null
   }, {
     id: 'editor.panel.note',
@@ -70,7 +71,7 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
     icon: _statusDiscovery.default,
     onClick: (0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.NOTE),
     selected: activePanelType === _panel.PanelType.NOTE,
-    title: formatMessage(_messages.panelMessages.note),
+    title: formatMessage(_panel2.panelMessages.note),
     tabIndex: null
   }, {
     id: 'editor.panel.success',
@@ -78,7 +79,7 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
     icon: _statusSuccess.default,
     onClick: (0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.SUCCESS),
     selected: activePanelType === _panel.PanelType.SUCCESS,
-    title: formatMessage(_messages.panelMessages.success),
+    title: formatMessage(_panel2.panelMessages.success),
     tabIndex: null
   }, {
     id: 'editor.panel.warning',
@@ -86,7 +87,7 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
     icon: _statusWarning.default,
     onClick: (0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.WARNING),
     selected: activePanelType === _panel.PanelType.WARNING,
-    title: formatMessage(_messages.panelMessages.warning),
+    title: formatMessage(_panel2.panelMessages.warning),
     tabIndex: null
   }, {
     id: 'editor.panel.error',
@@ -94,7 +95,7 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
     icon: _crossCircle.default,
     onClick: (0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.ERROR),
     selected: activePanelType === _panel.PanelType.ERROR,
-    title: formatMessage(_messages.panelMessages.error),
+    title: formatMessage(_panel2.panelMessages.error),
     tabIndex: null
   }] : [(0, _panelTypeDropdown.panelTypeDropdown)({
     activePanelType: activePanelType,
@@ -110,7 +111,7 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
         if (panelNode === undefined) {
           return false;
         }
-        var previousColor = panelNode.node.attrs.panelType === 'custom' ? panelNode.node.attrs.panelColor || 'none' : (0, _panel2.getPanelTypeBackgroundNoTokens)(panelNode.node.attrs.panelType);
+        var previousColor = panelNode.node.attrs.panelType === 'custom' ? panelNode.node.attrs.panelColor || 'none' : (0, _panel3.getPanelTypeBackgroundNoTokens)(panelNode.node.attrs.panelType);
         var emojiInfo = panelNode.node.attrs.panelType;
         var panelEmoji = panelIconMap[emojiInfo];
         var previousEmoji = panelEmoji ? {
@@ -124,16 +125,16 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
           return false;
         }
         var payload = {
-          action: _analytics.ACTION.CHANGED_BACKGROUND_COLOR,
-          actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-          actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+          action: _enums.ACTION.CHANGED_BACKGROUND_COLOR,
+          actionSubject: _enums.ACTION_SUBJECT.PANEL,
+          actionSubjectId: _enums.ACTION_SUBJECT_ID.PANEL,
           attributes: {
             newColor: color,
             previousColor: previousColor
           },
-          eventType: _analytics.EVENT_TYPE.TRACK
+          eventType: _enums.EVENT_TYPE.TRACK
         };
-        (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, payload)((0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.CUSTOM, _objectSpread({
+        (0, _withAnalytics.withAnalytics)(editorAnalyticsAPI, payload)((0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.CUSTOM, _objectSpread({
           color: color
         }, previousEmoji), isCustomPanelEnabled))(state, dispatch);
         return false;
@@ -155,16 +156,16 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
           return false;
         }
         var payload = {
-          action: _analytics.ACTION.CHANGED_ICON,
-          actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-          actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+          action: _enums.ACTION.CHANGED_ICON,
+          actionSubject: _enums.ACTION_SUBJECT.PANEL,
+          actionSubjectId: _enums.ACTION_SUBJECT_ID.PANEL,
           attributes: {
             newIcon: emoji.shortName,
             previousIcon: previousIcon
           },
-          eventType: _analytics.EVENT_TYPE.TRACK
+          eventType: _enums.EVENT_TYPE.TRACK
         };
-        (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, payload)((0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.CUSTOM, {
+        (0, _withAnalytics.withAnalytics)(editorAnalyticsAPI, payload)((0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.CUSTOM, {
           emoji: emoji.shortName,
           emojiId: emoji.id,
           emojiText: emoji.fallback
@@ -182,15 +183,15 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
           return false;
         }
         var payload = {
-          action: _analytics.ACTION.REMOVE_ICON,
-          actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-          actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+          action: _enums.ACTION.REMOVE_ICON,
+          actionSubject: _enums.ACTION_SUBJECT.PANEL,
+          actionSubjectId: _enums.ACTION_SUBJECT_ID.PANEL,
           attributes: {
             icon: panelNode.node.attrs.panelIcon
           },
-          eventType: _analytics.EVENT_TYPE.TRACK
+          eventType: _enums.EVENT_TYPE.TRACK
         };
-        (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, payload)((0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.CUSTOM, {
+        (0, _withAnalytics.withAnalytics)(editorAnalyticsAPI, payload)((0, _actions.changePanelType)(editorAnalyticsAPI)(_panel.PanelType.CUSTOM, {
           emoji: undefined,
           emojiId: undefined,
           emojiText: undefined
@@ -198,21 +199,21 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
         return false;
       };
     };
-    var panelColor = activePanelType === _panel.PanelType.CUSTOM ? activePanelColor || (0, _panel2.getPanelTypeBackgroundNoTokens)(_panel.PanelType.INFO) : (0, _panel2.getPanelTypeBackgroundNoTokens)(activePanelType);
+    var panelColor = activePanelType === _panel.PanelType.CUSTOM ? activePanelColor || (0, _panel3.getPanelTypeBackgroundNoTokens)(_panel.PanelType.INFO) : (0, _panel3.getPanelTypeBackgroundNoTokens)(activePanelType);
     var isNewPanelPaletteEnabled = (0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true);
-    var colorPalette = isNewPanelPaletteEnabled ? _uiColor.panelBackgroundPaletteNew : _uiColor.panelBackgroundPalette;
+    var colorPalette = isNewPanelPaletteEnabled ? _panelBackgroundPaletteNew.panelBackgroundPaletteNew : _panelBackgroundPalette.panelBackgroundPalette;
     var defaultPalette = colorPalette.find(function (item) {
       return item.value === panelColor;
     }) || {
       // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       label: 'Custom',
       value: panelColor,
-      border: _uiColor.DEFAULT_BORDER_COLOR
+      border: _common.DEFAULT_BORDER_COLOR
     };
     if (isCustomPanelEditable) {
       var colorPicker = {
         id: 'editor.panel.colorPicker',
-        title: formatMessage(_messages.panelMessages.backgroundColor),
+        title: formatMessage(_panel2.panelMessages.backgroundColor),
         isAriaExpanded: true,
         type: 'select',
         selectType: 'color',
@@ -225,7 +226,7 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
       };
       var emojiPicker = {
         id: 'editor.panel.emojiPicker',
-        title: formatMessage(_messages.panelMessages.emoji),
+        title: formatMessage(_panel2.panelMessages.emoji),
         type: 'select',
         selectType: 'emoji',
         options: [],
@@ -310,13 +311,13 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
         onClick: function onClick() {
           var _api$core, _api$floatingToolbar;
           api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute( // @ts-ignore
-          api === null || api === void 0 || (_api$floatingToolbar = api.floatingToolbar) === null || _api$floatingToolbar === void 0 ? void 0 : _api$floatingToolbar.commands.copyNode(panelNodeType, _analytics.INPUT_METHOD.FLOATING_TB));
+          api === null || api === void 0 || (_api$floatingToolbar = api.floatingToolbar) === null || _api$floatingToolbar === void 0 ? void 0 : _api$floatingToolbar.commands.copyNode(panelNodeType, _enums.INPUT_METHOD.FLOATING_TB));
           return true;
         },
         icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
           label: ""
         })
-      }, hoverDecorationProps(panelNodeType, _editorSharedStyles.akEditorSelectedNodeClassName)), _objectSpread({
+      }, hoverDecorationProps(panelNodeType, _constants.akEditorSelectedNodeClassName)), _objectSpread({
         title: formatMessage(_messages.default.delete),
         onClick: (0, _actions.removePanel)(editorAnalyticsAPI),
         icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
@@ -358,7 +359,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
       nodeType: nodeType,
       items: items,
       scrollable: true,
-      groupLabel: formatMessage(_messages.panelMessages.panelsGroup)
+      groupLabel: formatMessage(_panel2.panelMessages.panelsGroup)
     };
   }
   return;

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

@@ -1,5 +1,5 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/styles/panel';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/es2019/nodeviews/panel.js

@@ -3,10 +3,14 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { Emoji } from '@atlaskit/editor-common/emoji';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { PanelErrorIcon, PanelInfoIcon, PanelNoteIcon, PanelSuccessIcon, PanelWarningIcon } from '@atlaskit/editor-common/icons';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { PanelErrorIcon } from '@atlaskit/editor-common/icons/PanelErrorIcon';
+import { PanelInfoIcon } from '@atlaskit/editor-common/icons/PanelInfoIcon';
+import { PanelNoteIcon } from '@atlaskit/editor-common/icons/PanelNoteIcon';
+import { PanelSuccessIcon } from '@atlaskit/editor-common/icons/PanelSuccessIcon';
+import { PanelWarningIcon } from '@atlaskit/editor-common/icons/PanelWarningIcon';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles/panel';
+import Emoji from '@atlaskit/editor-common/ui-emoji';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import LightbulbIcon from '@atlaskit/icon/core/lightbulb';

package/dist/es2019/panelPlugin.js

@@ -4,9 +4,11 @@ import { extendedPanelC1 } from '@atlaskit/adf-schema/extended-panel-c1';
 import { extendedPanelC1WithLocalId } from '@atlaskit/adf-schema/extended-panel-c1-with-local-id';
 import { extendedPanelWithLocalId } from '@atlaskit/adf-schema/extended-panel-with-local-id';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
-import { IconCustomPanel, IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
+import { IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/assets';
+import { TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION } from '@atlaskit/editor-common/block-menu/key';
+import { TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu/rank';
+import IconCustomPanel from '@atlaskit/editor-common/custom-panel';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/es2019/pm-plugins/commands/create-panel-action.js

@@ -1,6 +1,6 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { insertSelectedItem } from '@atlaskit/editor-common/insert';
-import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils/create-wrap-selection-transaction';
 import { pickPanelTypeForInsertion } from '@atlaskit/editor-common/utils/node-type-utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const createPanelAction = ({

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

@@ -1,6 +1,6 @@
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles/panel';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPanelNodeView } from '../nodeviews/panel';
 import { pluginKey } from '../panelPluginType';

package/dist/es2019/pm-plugins/utils/utils.js

@@ -1,6 +1,6 @@
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles/panel';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette/background';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorTableContainerBg } from '@atlaskit/editor-shared-styles/consts';

package/dist/es2019/ui/panelBlockMenuItem.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import { pickPanelTypeForInsertion } from '@atlaskit/editor-common/utils/node-type-utils';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import InformationCircleIcon from '@atlaskit/icon/core/information-circle';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const NODE_NAME = 'panel';

package/dist/es2019/ui/panelTypeDropdown.js

@@ -1,5 +1,5 @@
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { panelMessages as messages } from '@atlaskit/editor-common/messages';
+import { panelMessages as messages } from '@atlaskit/editor-common/messages/panel';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import StatusDiscoveryIcon from '@atlaskit/icon/core/status-discovery';

package/dist/es2019/ui/quick-insert/getPanelQuickInsertComponents.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
 import { CUSTOM_PANEL_MENU_ITEM, ERROR_PANEL_MENU_ITEM, INFO_PANEL_MENU_ITEM, NOTE_PANEL_MENU_ITEM, STRUCTURE_SECTION, SUCCESS_PANEL_MENU_ITEM, WARNING_PANEL_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
 import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';

package/dist/es2019/ui/toolbar.js

@@ -1,13 +1,16 @@
 import React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
-import commonMessages, { panelMessages as messages } from '@atlaskit/editor-common/messages';
-import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import commonMessages from '@atlaskit/editor-common/messages';
+import { panelMessages as messages } from '@atlaskit/editor-common/messages/panel';
+import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/styles/panel';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
-import { DEFAULT_BORDER_COLOR, panelBackgroundPalette, panelBackgroundPaletteNew } from '@atlaskit/editor-common/ui-color';
+import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color/ColorPalette/Palettes/common';
+import { panelBackgroundPalette } from '@atlaskit/editor-common/ui-color/ColorPalette/panelBackgroundPalette';
+import { panelBackgroundPaletteNew } from '@atlaskit/editor-common/ui-color/ColorPalette/panelBackgroundPaletteNew';
+import { withAnalytics } from '@atlaskit/editor-common/withAnalytics';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles/constants';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import DeleteIcon from '@atlaskit/icon/core/delete';

package/dist/esm/editor-actions/actions.js

@@ -1,8 +1,8 @@
 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 { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/styles/panel';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/esm/nodeviews/panel.js

@@ -5,10 +5,14 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { Emoji } from '@atlaskit/editor-common/emoji';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { PanelErrorIcon, PanelInfoIcon, PanelNoteIcon, PanelSuccessIcon, PanelWarningIcon } from '@atlaskit/editor-common/icons';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { PanelErrorIcon } from '@atlaskit/editor-common/icons/PanelErrorIcon';
+import { PanelInfoIcon } from '@atlaskit/editor-common/icons/PanelInfoIcon';
+import { PanelNoteIcon } from '@atlaskit/editor-common/icons/PanelNoteIcon';
+import { PanelSuccessIcon } from '@atlaskit/editor-common/icons/PanelSuccessIcon';
+import { PanelWarningIcon } from '@atlaskit/editor-common/icons/PanelWarningIcon';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles/panel';
+import Emoji from '@atlaskit/editor-common/ui-emoji';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import LightbulbIcon from '@atlaskit/icon/core/lightbulb';

package/dist/esm/panelPlugin.js

@@ -8,9 +8,11 @@ import { extendedPanelC1 } from '@atlaskit/adf-schema/extended-panel-c1';
 import { extendedPanelC1WithLocalId } from '@atlaskit/adf-schema/extended-panel-c1-with-local-id';
 import { extendedPanelWithLocalId } from '@atlaskit/adf-schema/extended-panel-with-local-id';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
-import { IconCustomPanel, IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
+import { IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/assets';
+import { TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION } from '@atlaskit/editor-common/block-menu/key';
+import { TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu/rank';
+import IconCustomPanel from '@atlaskit/editor-common/custom-panel';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/esm/pm-plugins/commands/create-panel-action.js

@@ -1,9 +1,9 @@
 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 { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { insertSelectedItem } from '@atlaskit/editor-common/insert';
-import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils/create-wrap-selection-transaction';
 import { pickPanelTypeForInsertion } from '@atlaskit/editor-common/utils/node-type-utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var createPanelAction = function createPanelAction(_ref) {

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

@@ -1,9 +1,9 @@
 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 { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles/panel';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPanelNodeView } from '../nodeviews/panel';
 import { pluginKey } from '../panelPluginType';

package/dist/esm/pm-plugins/utils/utils.js

@@ -2,8 +2,8 @@ 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 { PanelType } from '@atlaskit/adf-schema/panel';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles/panel';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette/background';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorTableContainerBg } from '@atlaskit/editor-shared-styles/consts';

package/dist/esm/ui/panelBlockMenuItem.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import { pickPanelTypeForInsertion } from '@atlaskit/editor-common/utils/node-type-utils';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import InformationCircleIcon from '@atlaskit/icon/core/information-circle';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var NODE_NAME = 'panel';

package/dist/esm/ui/panelTypeDropdown.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { panelMessages as messages } from '@atlaskit/editor-common/messages';
+import { panelMessages as messages } from '@atlaskit/editor-common/messages/panel';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import StatusDiscoveryIcon from '@atlaskit/icon/core/status-discovery';

package/dist/esm/ui/quick-insert/getPanelQuickInsertComponents.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
 import { CUSTOM_PANEL_MENU_ITEM, ERROR_PANEL_MENU_ITEM, INFO_PANEL_MENU_ITEM, NOTE_PANEL_MENU_ITEM, STRUCTURE_SECTION, SUCCESS_PANEL_MENU_ITEM, WARNING_PANEL_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
 import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';

package/dist/esm/ui/toolbar.js

@@ -4,14 +4,17 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
-import commonMessages, { panelMessages as messages } from '@atlaskit/editor-common/messages';
-import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import commonMessages from '@atlaskit/editor-common/messages';
+import { panelMessages as messages } from '@atlaskit/editor-common/messages/panel';
+import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/styles/panel';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
-import { DEFAULT_BORDER_COLOR, panelBackgroundPalette, panelBackgroundPaletteNew } from '@atlaskit/editor-common/ui-color';
+import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color/ColorPalette/Palettes/common';
+import { panelBackgroundPalette } from '@atlaskit/editor-common/ui-color/ColorPalette/panelBackgroundPalette';
+import { panelBackgroundPaletteNew } from '@atlaskit/editor-common/ui-color/ColorPalette/panelBackgroundPaletteNew';
+import { withAnalytics } from '@atlaskit/editor-common/withAnalytics';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles/constants';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import DeleteIcon from '@atlaskit/icon/core/delete';

package/dist/types/editor-actions/actions.d.ts

@@ -1,6 +1,6 @@
 import type { PanelType } from '@atlaskit/adf-schema/panel';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics/api';
+import type { Command } from '@atlaskit/editor-common/types/command';
 import type { PanelOptions } from '../pm-plugins/main';
 export type DomAtPos = (pos: number) => {
     node: HTMLElement;

package/dist/types/nodeviews/panel.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import type { PanelAttributes } from '@atlaskit/adf-schema/panel';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { ExtractInjectionAPI, getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/common';
+import type ProviderFactory from '@atlaskit/editor-common/provider-factory/provider-factory';
+import type { getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types/editor-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PanelPlugin, PanelPluginOptions } from '../panelPluginType';

package/dist/types/panelPluginType.d.ts

@@ -1,11 +1,13 @@
-import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { Command, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
-import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
-import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
-import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
+import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import type { Command } from '@atlaskit/editor-common/types/command';
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types/next-editor-plugin';
+import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types/selection';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics/analyticsPlugin';
+import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu/blockMenuPluginType';
+import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations/decorationsPlugin';
+import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji/emojiPluginType';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection/selection-plugin-type';
+import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar/toolbar-plugin-type';
 import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry/ui-control-registry-plugin-type';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const pluginKey: PluginKey;

package/dist/types/pm-plugins/commands/create-panel-action.d.ts

@@ -1,7 +1,7 @@
 import type { PanelAttributes } from '@atlaskit/adf-schema/panel';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { QuickInsertActionInsert } from '@atlaskit/editor-common/provider-factory';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import type { QuickInsertActionInsert } from '@atlaskit/editor-common/provider-factory/quick-insert-provider';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { PanelPlugin } from '../../panelPluginType';
 export declare const createPanelAction: ({ state, attributes, api, typeAheadInsert, inputMethod, }: {

package/dist/types/pm-plugins/main.d.ts

@@ -1,8 +1,8 @@
+import type { PortalProviderAPI } from '@atlaskit/editor-common/common';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type ProviderFactory from '@atlaskit/editor-common/provider-factory/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
 import type { PanelPlugin, PanelPluginOptions } from '../panelPluginType';
 export type PanelOptions = {
     color?: string;

package/dist/types/ui/panelBlockMenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
 import type { BlockMenuItemComponentProps } from '@atlaskit/editor-plugin-block-menu/blockMenuPluginType';
 import type { PanelPlugin } from '../panelPluginType';
 export declare const createPanelBlockMenuItem: (api: ExtractInjectionAPI<PanelPlugin> | undefined) => ({ isSuggested }?: BlockMenuItemComponentProps) => React.JSX.Element;

package/dist/types/ui/panelTypeDropdown.d.ts

@@ -1,6 +1,7 @@
 import type { IntlShape } from 'react-intl';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command, FloatingToolbarDropdown } from '@atlaskit/editor-common/types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics/api';
+import type { Command } from '@atlaskit/editor-common/types/command';
+import type { FloatingToolbarDropdown } from '@atlaskit/editor-common/types/floating-toolbar';
 type Props = {
     activePanelType?: string;
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;

package/dist/types/ui/quick-insert/PanelQuickInsertMenuItem.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { MessageDescriptor } from 'react-intl';
 import { PanelType } from '@atlaskit/adf-schema/panel';
 import { type QuickInsertMenuItemProps } from '@atlaskit/editor-common/quick-insert/menu-item';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
 import type { PanelPlugin } from '../../panelPluginType';
 export type QuickInsertPanelType = Exclude<PanelType, PanelType.TIP>;
 export declare const PanelQuickInsertMenuItem: ({ api, description, icon: Icon, panelType, previewImageUrls, title, }: {

package/dist/types/ui/quick-insert/getPanelQuickInsertComponents.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
 import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
 import type { PanelPlugin } from '../../panelPluginType';
 export declare const getPanelQuickInsertComponents: ({ api, allowCustomPanel, allowCustomPanelEdit, }: {

package/dist/types/ui/toolbar.d.ts

@@ -1,9 +1,11 @@
 import type { IntlShape } from 'react-intl';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem } from '@atlaskit/editor-common/types';
-import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics/api';
+import type ProviderFactory from '@atlaskit/editor-common/provider-factory/provider-factory';
+import type { Command } from '@atlaskit/editor-common/types/command';
+import type { FloatingToolbarConfig, FloatingToolbarItem } from '@atlaskit/editor-common/types/floating-toolbar';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
+import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations/main';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { PanelPlugin } from '../index';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-panel",
-	"version": "28.0.4",
+	"version": "28.0.7",
 	"description": "Panel plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,13 +37,13 @@
 		"@atlaskit/icon-lab": "^7.11.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
-		"@atlaskit/tmp-editor-statsig": "^231.0.0",
+		"@atlaskit/tmp-editor-statsig": "^234.0.0",
 		"@atlaskit/tokens": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^130.3.0",
+		"@atlaskit/editor-common": "^130.5.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"