@atlaskit/editor-core 189.3.14 → 189.3.16

package/dist/cjs/plugins/index.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
 });
@@ -71,12 +70,6 @@ Object.defineProperty(exports, "dataConsumerMarkPlugin", {
     return _dataConsumer.default;
   }
 });
-Object.defineProperty(exports, "expandPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _expand.default;
-  }
-});
 Object.defineProperty(exports, "extensionPlugin", {
   enumerable: true,
   get: function get() {
@@ -107,24 +100,12 @@ Object.defineProperty(exports, "insertBlockPlugin", {
     return _insertBlock.default;
   }
 });
-Object.defineProperty(exports, "isExpandInsertionEnabled", {
-  enumerable: true,
-  get: function get() {
-    return _expand.isExpandInsertionEnabled;
-  }
-});
 Object.defineProperty(exports, "jiraIssuePlugin", {
   enumerable: true,
   get: function get() {
     return _jiraIssue.default;
   }
 });
-Object.defineProperty(exports, "macroPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _macro.default;
-  }
-});
 Object.defineProperty(exports, "mobileDimensionsPlugin", {
   enumerable: true,
   get: function get() {
@@ -173,7 +154,6 @@ var _extension = _interopRequireDefault(require("./extension"));
 var _insertBlock = _interopRequireDefault(require("./insert-block"));
 var _jiraIssue = _interopRequireDefault(require("./jira-issue"));
 var _toolbarListsIndentation = _interopRequireDefault(require("./toolbar-lists-indentation"));
-var _macro = _interopRequireDefault(require("./macro"));
 var _paste = _interopRequireDefault(require("./paste"));
 var _tasksAndDecisions = _interopRequireDefault(require("./tasks-and-decisions"));
 var _breakout = _interopRequireDefault(require("./breakout"));
@@ -184,7 +164,6 @@ var _annotation = _interopRequireDefault(require("./annotation"));
 var _analytics = _interopRequireDefault(require("./analytics"));
 var _customAutoformat = _interopRequireDefault(require("./custom-autoformat"));
 var _feedbackDialog = _interopRequireDefault(require("./feedback-dialog"));
-var _expand = _interopRequireWildcard(require("./expand"));
 var _mobileDimensions = _interopRequireDefault(require("./mobile-dimensions"));
 var _findReplace = _interopRequireDefault(require("./find-replace"));
 var _mobileSelection = _interopRequireDefault(require("./mobile-selection"));
@@ -192,6 +171,4 @@ var _undoRedo = _interopRequireDefault(require("./undo-redo"));
 var _avatarGroup = _interopRequireDefault(require("./avatar-group"));
 var _viewUpdateSubscription = _interopRequireDefault(require("./view-update-subscription"));
 var _beforePrimaryToolbar = _interopRequireDefault(require("./before-primaryToolbar"));
-var _codeBidiWarning = _interopRequireDefault(require("./code-bidi-warning"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _codeBidiWarning = _interopRequireDefault(require("./code-bidi-warning"));

package/dist/cjs/plugins/insert-block/index.js

@@ -7,13 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _macro = require("../macro");
-var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
 var _ToolbarInsertBlock = _interopRequireDefault(require("./ui/ToolbarInsertBlock"));
 var _consts = require("@atlaskit/editor-plugin-block-type/consts");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _pluginKey = require("../macro/plugin-key");
-var _types = require("../../ui/Toolbar/types");
+var _types = require("@atlaskit/editor-common/types");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
   switch (toolbarSize) {
@@ -69,34 +66,22 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
         isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
         isLastItem = _ref2.isLastItem;
       var renderNode = function renderNode(providers) {
-        // We will slowly migrate these to use the new approach inside
-        // `ToolbarInsertBlockWithInjectionApi` and remove `WithPluginState`
-        return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
-          plugins: {
-            macroState: _pluginKey.pluginKey
-          },
-          render: function render(_ref3) {
-            var _ref3$macroState = _ref3.macroState,
-              macroState = _ref3$macroState === void 0 ? {} : _ref3$macroState;
-            return /*#__PURE__*/_react.default.createElement(ToolbarInsertBlockWithInjectionApi, {
-              pluginInjectionApi: api,
-              editorView: editorView,
-              editorActions: editorActions,
-              dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-              providerFactory: providerFactory,
-              popupsMountPoint: popupsMountPoint,
-              popupsBoundariesElement: popupsBoundariesElement,
-              popupsScrollableElement: popupsScrollableElement,
-              toolbarSize: toolbarSize,
-              disabled: disabled,
-              isToolbarReducedSpacing: isToolbarReducedSpacing,
-              isLastItem: isLastItem,
-              featureFlags: featureFlags,
-              macroState: macroState,
-              providers: providers,
-              options: options
-            });
-          }
+        return /*#__PURE__*/_react.default.createElement(ToolbarInsertBlockWithInjectionApi, {
+          pluginInjectionApi: api,
+          editorView: editorView,
+          editorActions: editorActions,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          providerFactory: providerFactory,
+          popupsMountPoint: popupsMountPoint,
+          popupsBoundariesElement: popupsBoundariesElement,
+          popupsScrollableElement: popupsScrollableElement,
+          toolbarSize: toolbarSize,
+          disabled: disabled,
+          isToolbarReducedSpacing: isToolbarReducedSpacing,
+          isLastItem: isLastItem,
+          featureFlags: featureFlags,
+          providers: providers,
+          options: options
         });
       };
       return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
@@ -107,23 +92,22 @@ var insertBlockPlugin = function insertBlockPlugin(_ref) {
     }
   };
 };
-function ToolbarInsertBlockWithInjectionApi(_ref4) {
-  var _ref5, _ref6, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b, _pluginInjectionApi$a;
-  var editorView = _ref4.editorView,
-    editorActions = _ref4.editorActions,
-    dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent,
-    popupsMountPoint = _ref4.popupsMountPoint,
-    popupsBoundariesElement = _ref4.popupsBoundariesElement,
-    popupsScrollableElement = _ref4.popupsScrollableElement,
-    toolbarSize = _ref4.toolbarSize,
-    disabled = _ref4.disabled,
-    isToolbarReducedSpacing = _ref4.isToolbarReducedSpacing,
-    isLastItem = _ref4.isLastItem,
-    providers = _ref4.providers,
-    pluginInjectionApi = _ref4.pluginInjectionApi,
-    options = _ref4.options,
-    macroState = _ref4.macroState,
-    featureFlags = _ref4.featureFlags;
+function ToolbarInsertBlockWithInjectionApi(_ref3) {
+  var _ref4, _ref5, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b, _pluginInjectionApi$e;
+  var editorView = _ref3.editorView,
+    editorActions = _ref3.editorActions,
+    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
+    popupsMountPoint = _ref3.popupsMountPoint,
+    popupsBoundariesElement = _ref3.popupsBoundariesElement,
+    popupsScrollableElement = _ref3.popupsScrollableElement,
+    toolbarSize = _ref3.toolbarSize,
+    disabled = _ref3.disabled,
+    isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing,
+    isLastItem = _ref3.isLastItem,
+    providers = _ref3.providers,
+    pluginInjectionApi = _ref3.pluginInjectionApi,
+    options = _ref3.options,
+    featureFlags = _ref3.featureFlags;
   var buttons = toolbarSizeToButtons(toolbarSize);
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
     dateState = _useSharedPluginState.dateState,
@@ -151,8 +135,8 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     placeholderTextEnabled: placeholderTextState && placeholderTextState.allowInserting,
     layoutSectionEnabled: Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.layout),
     expandEnabled: !!options.allowExpand,
-    mediaUploadsEnabled: (_ref5 = mediaState && mediaState.allowsUploads) !== null && _ref5 !== void 0 ? _ref5 : undefined,
-    onShowMediaPicker: (_ref6 = mediaState && mediaState.showMediaPicker) !== null && _ref6 !== void 0 ? _ref6 : undefined,
+    mediaUploadsEnabled: (_ref4 = mediaState && mediaState.allowsUploads) !== null && _ref4 !== void 0 ? _ref4 : undefined,
+    onShowMediaPicker: (_ref5 = mediaState && mediaState.showMediaPicker) !== null && _ref5 !== void 0 ? _ref5 : undefined,
     mediaSupported: !!mediaState,
     imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.imageUpload),
     imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
@@ -165,8 +149,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     nativeStatusSupported: options.nativeStatusSupported,
     horizontalRuleEnabled: options.horizontalRuleEnabled,
     onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.codeBlock) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.insertCodeBlock, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$p = pluginInjectionApi.panel) === null || _pluginInjectionApi$p === void 0 ? void 0 : _pluginInjectionApi$p.actions.insertPanel, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$b = pluginInjectionApi.blockType) === null || _pluginInjectionApi$b === void 0 ? void 0 : _pluginInjectionApi$b.actions.insertBlockQuote),
-    onInsertMacroFromMacroBrowser: (0, _macro.insertMacroFromMacroBrowser)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions),
-    macroProvider: macroState.macroProvider,
+    onInsertMacroFromMacroBrowser: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.extension) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.actions.insertMacroFromMacroBrowser,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,

package/dist/cjs/{ui → plugins/insert-block/ui}/ElementBrowser/InsertMenu.js

@@ -12,7 +12,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _theme = require("@atlaskit/theme");
-var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
@@ -92,9 +91,7 @@ var InsertMenu = function InsertMenu(_ref) {
   }, [pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.actions, quickInsertDropdownItems]);
   var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 || (_pluginInjectionApi$q7 = _pluginInjectionApi$q7.sharedState.currentState()) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : _pluginInjectionApi$q7.emptyStateHandler;
   return (0, _react2.jsx)("div", {
-    css: function css(theme) {
-      return insertMenuWrapper(theme, itemCount);
-    }
+    css: insertMenuWrapper(itemCount)
   }, (0, _react2.jsx)(ElementBrowserWrapper, {
     handleClickOutside: toggleVisiblity,
     handleEscapeKeydown: toggleVisiblity,
@@ -138,13 +135,10 @@ var getInsertMenuHeight = function getInsertMenuHeight(_ref3) {
   return 560; // For showing 6 Elements.
 };
 
-var insertMenuWrapper = function insertMenuWrapper(theme, itemCount) {
+var insertMenuWrapper = function insertMenuWrapper(itemCount) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  height: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n"])), getInsertMenuHeight({
     itemCount: itemCount
-  }), (0, _components.themed)({
-    light: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
-    dark: "var(--ds-surface-overlay, ".concat(_colors.DN50, ")")
-  })(theme), (0, _theme.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ",\n    0 2px 1px ").concat(_colors.N30A, ",\n    0 0 20px -6px ").concat(_colors.N60A), ")"));
+  }), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), (0, _theme.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ",\n    0 2px 1px ").concat(_colors.N30A, ",\n    0 0 20px -6px ").concat(_colors.N60A), ")"));
 };
 var flexWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  box-sizing: border-box;\n  overflow: hidden;\n"])));
 var FlexWrapper = function FlexWrapper(props) {

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.BlockInsertElementBrowser = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ui = require("@atlaskit/editor-common/ui");
-var _InsertMenu = _interopRequireDefault(require("../../../../ui/ElementBrowser/InsertMenu"));
+var _InsertMenu = _interopRequireDefault(require("../ElementBrowser/InsertMenu"));
 var _dropdownButton = require("./dropdown-button");
 var BlockInsertElementBrowser = exports.BlockInsertElementBrowser = function BlockInsertElementBrowser(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.open && /*#__PURE__*/_react.default.createElement(_ui.Popup, {

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js

@@ -12,7 +12,7 @@ var _memoize = _interopRequireDefault(require("lodash/memoize"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _messages = require("./messages");
 var _messages2 = require("@atlaskit/editor-common/messages");
-var _keymaps = require("../../../../keymaps");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _sortItems = require("./sort-items");
 var _item = require("./item");
 var _shallowEquals = require("./shallow-equals");

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.js

@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-var _keymaps = require("../../../../keymaps");
-var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _styles = require("@atlaskit/editor-common/styles");
 var _styles2 = require("./styles");
 /** @jsx jsx */
@@ -27,7 +27,7 @@ var DropDownButtonIcon = /*#__PURE__*/_react.default.memo(function (props) {
   })));
 });
 var DropDownButton = exports.DropDownButton = /*#__PURE__*/_react.default.memo(function (props) {
-  return (0, _react2.jsx)(_ToolbarButton.default, {
+  return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
     ref: props.handleRef,
     selected: props.selected,
     disabled: props.disabled,

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

@@ -19,7 +19,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntlNext = require("react-intl-next");
 var _picker = require("@atlaskit/emoji/picker");
 var _ui = require("@atlaskit/editor-common/ui");
-var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _commands = require("../../../tasks-and-decisions/commands");
@@ -27,7 +27,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("./messages");
 var _createItems3 = require("./create-items");
 var _blockInsertMenu = require("./block-insert-menu");
-var _withOuterListeners = _interopRequireDefault(require("../../../../ui/with-outer-listeners"));
+var _uiReact = require("@atlaskit/editor-common/ui-react");
 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -39,7 +39,7 @@ var isDetachedElement = function isDetachedElement(el) {
   return !document.body.contains(el);
 };
 var noop = function noop() {};
-var EmojiPickerWithListeners = (0, _withOuterListeners.default)(_picker.EmojiPicker);
+var EmojiPickerWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_picker.EmojiPicker);
 var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ToolbarInsertBlock, _React$PureComponent);
   var _super = _createSuper(ToolbarInsertBlock);
@@ -477,7 +477,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       return (0, _react2.jsx)("span", {
         css: _styles.buttonGroupStyle
       }, buttons.map(function (btn) {
-        return (0, _react2.jsx)(_ToolbarButton.default, {
+        return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
           item: btn,
           testId: String(btn.content),
           ref: btn.value.name === 'emoji' ? _this2.handleEmojiButtonRef : noop,
@@ -543,7 +543,6 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
           horizontalRuleEnabled: props.horizontalRuleEnabled,
           layoutSectionEnabled: props.layoutSectionEnabled,
           expandEnabled: props.expandEnabled,
-          macroProvider: props.macroProvider,
           showElementBrowserLink: props.showElementBrowserLink,
           emojiProvider: props.emojiProvider,
           availableWrapperBlockTypes: props.availableWrapperBlockTypes,

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/item.js

@@ -25,10 +25,9 @@ var _horizontalRule = _interopRequireDefault(require("@atlaskit/icon/glyph/edito
 var _code = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/code"));
 var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/info"));
 var _quote = _interopRequireDefault(require("@atlaskit/icon/glyph/quote"));
-var _styles = require("../../../../ui/styles");
-var _keymaps = require("../../../../keymaps");
+var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _shallowEquals = require("./shallow-equals");
-var _keymaps2 = require("@atlaskit/editor-common/keymaps");
 /** @jsx jsx */
 
 var from = function from(init) {
@@ -42,7 +41,7 @@ var from = function from(init) {
       label: init.content
     }),
     elemAfter: init.shortcut ? (0, _react2.jsx)("div", {
-      css: _styles.shortcutStyle
+      css: _shortcut.shortcutStyle
     }, init.shortcut) : undefined,
     'aria-label': init.shortcut ? init.content + ' ' + init.shortcut : init.content,
     'aria-haspopup': init['aria-haspopup'],
@@ -74,7 +73,7 @@ var link = exports.link = mem(function (init) {
     shortcut: (0, _keymaps.tooltip)(_keymaps.addLink),
     Icon: _link.default,
     'aria-haspopup': init['aria-haspopup'],
-    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.addLink)
+    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(_keymaps.addLink)
   });
 });
 var media = exports.media = mem(function (init) {
@@ -127,7 +126,7 @@ var table = exports.table = mem(function (init) {
     name: 'table',
     Icon: _table.default,
     shortcut: (0, _keymaps.tooltip)(_keymaps.toggleTable),
-    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.toggleTable)
+    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleTable)
   });
 });
 var layout = exports.layout = mem(function (init) {
@@ -147,7 +146,7 @@ var codeblock = exports.codeblock = mem(function (init) {
     name: 'codeblock',
     Icon: _code.default,
     shortcut: init.shortcut,
-    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(init.shortcut)
+    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(init.shortcut)
   });
 });
 var panel = exports.panel = mem(function (init) {
@@ -158,7 +157,7 @@ var panel = exports.panel = mem(function (init) {
     name: 'panel',
     Icon: _info.default,
     shortcut: init.shortcut,
-    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(init.shortcut)
+    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(init.shortcut)
   });
 });
 var blockquote = exports.blockquote = mem(function (init) {

package/dist/cjs/plugins/paste/handlers.js

@@ -35,7 +35,6 @@ var _utils3 = require("@atlaskit/editor-common/utils");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _selection = require("@atlaskit/editor-common/selection");
-var _macro = require("../macro");
 var _util = require("./util");
 var _edgeCases = require("./edge-cases");
 var _commands = require("./commands");
@@ -508,7 +507,7 @@ function insertAutoMacro(slice, macro, view, from, to) {
   }
   return false;
 }
-function handleMacroAutoConvert(text, slice, queueCardsFromChangedTr, cardsOptions, extensionAutoConverter) {
+function handleMacroAutoConvert(text, slice, queueCardsFromChangedTr, runMacroAutoConvert, cardsOptions, extensionAutoConverter) {
   return function (state, dispatch, view) {
     var macro = null;
 
@@ -522,7 +521,8 @@ function handleMacroAutoConvert(text, slice, queueCardsFromChangedTr, cardsOptio
 
     // then try from macro provider (which will be removed some time in the future)
     if (!macro) {
-      macro = (0, _macro.runMacroAutoConvert)(state, text);
+      var _runMacroAutoConvert;
+      macro = (_runMacroAutoConvert = runMacroAutoConvert === null || runMacroAutoConvert === void 0 ? void 0 : runMacroAutoConvert(state, text)) !== null && _runMacroAutoConvert !== void 0 ? _runMacroAutoConvert : null;
     }
     if (macro) {
       /**

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

@@ -254,14 +254,14 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
           // force a "paste as plain text" action by clearing the markdownSlice.
           markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
           if (markdownSlice) {
-            var _pluginInjectionApi$c;
+            var _pluginInjectionApi$c, _pluginInjectionApi$e;
             // linkify text prior to converting to macro
             if ((0, _analytics2.handlePasteLinkOnSelectedTextWithAnalytics)(editorAnalyticsAPI)(view, event, markdownSlice, _analytics.PasteTypes.markdown)(state, dispatch)) {
               return true;
             }
 
             // run macro autoconvert prior to other conversions
-            if ((0, _handlers.handleMacroAutoConvert)(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
+            if ((0, _handlers.handleMacroAutoConvert)(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.queueCardsFromChangedTr, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.extension) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.actions) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.runMacroAutoConvert, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
               // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
               (0, _analytics2.sendPasteAnalyticsEvent)(editorAnalyticsAPI)(view, event, markdownSlice, {
                 type: _analytics.PasteTypes.markdown
@@ -326,7 +326,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
 
         // finally, handle rich-text copy-paste
         if (isRichText) {
-          var _pluginInjectionApi$c2, _pluginInjectionApi$l;
+          var _pluginInjectionApi$c2, _pluginInjectionApi$e2, _pluginInjectionApi$l;
           // linkify the text where possible
           slice = (0, _utils.linkifyContent)(state.schema)(slice);
           if ((0, _analytics2.handlePasteLinkOnSelectedTextWithAnalytics)(editorAnalyticsAPI)(view, event, slice, _analytics.PasteTypes.richText)(state, dispatch)) {
@@ -334,7 +334,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
           }
 
           // run macro autoconvert prior to other conversions
-          if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 || (_pluginInjectionApi$c2 = _pluginInjectionApi$c2.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
+          if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 || (_pluginInjectionApi$c2 = _pluginInjectionApi$c2.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.queueCardsFromChangedTr, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.extension) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.actions) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.runMacroAutoConvert, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
             // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
             (0, _analytics2.sendPasteAnalyticsEvent)(editorAnalyticsAPI)(view, event, slice, {
               type: _analytics.PasteTypes.richText

package/dist/cjs/presets/context.js

@@ -5,7 +5,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSetPresetContext = exports.usePresetContext = exports.PresetContextProvider = exports.EditorAPIContext = void 0;
+exports.PresetContextProvider = exports.EditorAPIContext = void 0;
+exports.usePresetContext = usePresetContext;
+exports.useSetPresetContext = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -24,11 +26,11 @@ var PresetContextProvider = exports.PresetContextProvider = function PresetConte
     }
   }, children);
 };
-var usePresetContext = exports.usePresetContext = function usePresetContext() {
+function usePresetContext() {
   var _useContext = (0, _react.useContext)(EditorAPIContext),
     editorApi = _useContext.editorApi;
   return editorApi;
-};
+}
 var useSetPresetContext = exports.useSetPresetContext = function useSetPresetContext() {
   var _useContext2 = (0, _react.useContext)(EditorAPIContext),
     setEditorApi = _useContext2.setEditorApi;

package/dist/cjs/presets/universal.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createUniversalPreset;
+exports.isExpandInsertionEnabled = isExpandInsertionEnabled;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _plugins = require("../plugins");
@@ -36,6 +37,7 @@ var _editorPluginSaveOnEnter = require("@atlaskit/editor-plugin-save-on-enter");
 var _editorPluginScrollIntoView = require("@atlaskit/editor-plugin-scroll-into-view");
 var _editorPluginMentions = require("@atlaskit/editor-plugin-mentions");
 var _editorPluginPlaceholderText = require("@atlaskit/editor-plugin-placeholder-text");
+var _editorPluginExpand = require("@atlaskit/editor-plugin-expand");
 var _isFullPage = require("../utils/is-full-page");
 var _mediaCommon = require("@atlaskit/media-common");
 var _default = require("./default");
@@ -95,10 +97,10 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       return builder.add(plugin);
     }
     return builder;
-  }).maybeAdd(_plugins.expandPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginExpand.expandPlugin, function (plugin, builder) {
     if (props.allowExpand) {
       return builder.add([plugin, {
-        allowInsertion: (0, _plugins.isExpandInsertionEnabled)(props),
+        allowInsertion: isExpandInsertionEnabled(props),
         useLongPressSelection: false,
         appearance: appearance
       }]);
@@ -272,11 +274,6 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       }]);
     }
     return builder;
-  }).maybeAdd(_plugins.macroPlugin, function (plugin, builder) {
-    if (props.macroProvider) {
-      return builder.add(plugin);
-    }
-    return builder;
   }).maybeAdd(_plugins.annotationPlugin, function (plugin, builder) {
     // See default list for when adding annotations with a provider
     if (!props.annotationProviders && props.allowConfluenceInlineComment) {
@@ -362,7 +359,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation
   }]).add([_plugins.insertBlockPlugin, {
     allowTables: !!props.allowTables,
-    allowExpand: (0, _plugins.isExpandInsertionEnabled)(props),
+    allowExpand: isExpandInsertionEnabled(props),
     insertMenuItems: props.insertMenuItems,
     horizontalRuleEnabled: props.allowRule,
     nativeStatusSupported: !statusMenuDisabled,
@@ -419,4 +416,11 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     appearance: appearance
   }]);
   return finalPreset;
+}
+function isExpandInsertionEnabled(_ref) {
+  var allowExpand = _ref.allowExpand;
+  if (allowExpand && (0, _typeof2.default)(allowExpand) === 'object') {
+    return !!allowExpand.allowInsertion;
+  }
+  return false;
 }

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

@@ -213,7 +213,7 @@ function RenderWithPluginState(_ref4) {
     maxContentSizeState = _useSharedPluginState.maxContentSizeState;
   return (0, _react2.jsx)(_react.Fragment, null, renderChrome({
     maxContentSize: maxContentSizeState,
-    mediaState: mediaState
+    mediaState: mediaState !== null && mediaState !== void 0 ? mediaState : undefined
   }));
 }
 var CommentEditorWithIntl = exports.CommentEditorWithIntl = (0, _reactIntlNext.injectIntl)(Editor);

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

@@ -24,7 +24,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
-  var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$collabEdit, _props$collabEdit2, _props$collabEdit3;
+  var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$collabEdit, _props$collabEdit2, _props$collabEdit3, _editorAPI$analytics;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     shouldSplitToolbar = _useState2[0],
@@ -76,7 +76,8 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     editorView: props.editorView,
     containerElement: props.containerElement,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-    featureFlags: props.featureFlags
+    featureFlags: props.featureFlags,
+    editorAnalyticsAPI: editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions
   }) : null, !!props.customPrimaryToolbarComponents && 'after' in props.customPrimaryToolbarComponents ? props.customPrimaryToolbarComponents.after : props.customPrimaryToolbarComponents);
   (0, _react.useEffect)(function () {
     if (twoLineEditorToolbar) {

package/dist/cjs/{plugins/expand/ui/styles.js → ui/ContentStyles/expand.js}

@@ -7,17 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.expandStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
+var _components = require("@atlaskit/theme/components");
+var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _constants = require("../../breakout/constants");
-var _classNames = require("./class-names");
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var EXPAND_SELECTED_BACKGROUND = (0, _components.themed)({
   light: "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))",
   dark: "var(--ds-background-neutral-subtle, rgba(9, 10, 11, 0.29))"
 });
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var EXPAND_ICON_COLOR = function EXPAND_ICON_COLOR(props) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
     light: "var(--ds-icon-subtle, ".concat(_colors.N80A, ")"),
@@ -46,17 +47,19 @@ var DANGER_STATE_BORDER_COLOR = (0, _components.themed)({
 var DANGER_STATE_BORDER_RADIUS = (0, _components.themed)({
   dark: '3px'
 });
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var expandStyles = exports.expandStyles = function expandStyles(props) {
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .", " > div {\n    display: flex;\n  }\n\n  .", " {\n    ", "\n    overflow: hidden;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    td > & {\n      margin-top: 0;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(90deg);\n    }\n\n    &.", ":not(.danger) {\n      ", "\n\n      ::after {\n        // Custom background color and borders (for dark theme).\n        background-color: ", ";\n        border: ", ";\n        border-radius: ", ";\n      }\n    }\n\n    &.danger {\n      background: ", ";\n      border: ", ";\n      border-color: ", ";\n      border-radius: ", ";\n    }\n  }\n\n  .ProseMirror\n    > .", ",\n    .", "\n    > .", " {\n    margin-left: -", "px;\n    margin-right: -", "px;\n  }\n\n  .", " {\n    ", "\n    cursor: text;\n    padding-top: 0px;\n  }\n\n  .", " {\n    ", "\n  }\n\n  .", " {\n    ", ";\n    align-items: center;\n    overflow: visible;\n  }\n\n  .", " {\n    background: ", ";\n    border-color: ", ";\n\n    .", " {\n      padding-top: ", ";\n    }\n  }\n\n  .", " {\n    width: 100%;\n  }\n\n  /* stylelint-disable property-no-unknown, value-keyword-case */\n  .", ":(.", ") {\n    .expand-content-wrapper {\n      height: auto;\n    }\n  }\n  /* stylelint-enable property-no-unknown, value-keyword-case */\n\n  .", ":not(.", ") {\n    .ak-editor-expand__content {\n      position: absolute;\n      height: 1px;\n      width: 1px;\n      overflow: hidden;\n      clip: rect(1px, 1px, 1px, 1px);\n      white-space: nowrap;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(0deg);\n    }\n\n    &:not(.", "):not(.danger) {\n      background: transparent;\n      border-color: transparent;\n\n      &:hover {\n        border-color: ", ";\n        background: ", ";\n      }\n    }\n  }\n"])), _classNames.expandClassNames.icon, _classNames.expandClassNames.prefix, _ui.sharedExpandStyles.containerStyles({
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .", " > div {\n    display: flex;\n  }\n\n  .", " {\n    ", "\n    overflow: hidden;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    td > & {\n      margin-top: 0;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(90deg);\n    }\n\n    &.", ":not(.danger) {\n      ", "\n\n      ::after {\n        // Custom background color and borders (for dark theme).\n        background-color: ", ";\n        border: ", ";\n        border-radius: ", ";\n      }\n    }\n\n    &.danger {\n      background: ", ";\n      border: ", ";\n      border-color: ", ";\n      border-radius: ", ";\n    }\n  }\n\n  .ProseMirror\n    > .", ",\n    .", "\n    > .", " {\n    margin-left: -", "px;\n    margin-right: -", "px;\n  }\n\n  .", " {\n    ", "\n    cursor: text;\n    padding-top: 0px;\n  }\n\n  .", " {\n    ", "\n  }\n\n  .", " {\n    ", ";\n    align-items: center;\n    overflow: visible;\n  }\n\n  .", " {\n    background: ", ";\n    border-color: ", ";\n\n    .", " {\n      padding-top: ", ";\n    }\n  }\n\n  .", " {\n    width: 100%;\n  }\n\n  /* stylelint-disable property-no-unknown, value-keyword-case */\n  .", ":(.", ") {\n    .expand-content-wrapper {\n      height: auto;\n    }\n  }\n  /* stylelint-enable property-no-unknown, value-keyword-case */\n\n  .", ":not(.", ") {\n    .ak-editor-expand__content {\n      position: absolute;\n      height: 1px;\n      width: 1px;\n      overflow: hidden;\n      clip: rect(1px, 1px, 1px, 1px);\n      white-space: nowrap;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(0deg);\n    }\n\n    &:not(.", "):not(.danger) {\n      background: transparent;\n      border-color: transparent;\n\n      &:hover {\n        border-color: ", ";\n        background: ", ";\n      }\n    }\n  }\n"])), _styles.expandClassNames.icon, _styles.expandClassNames.prefix, _ui.sharedExpandStyles.containerStyles({
     expanded: false,
     focused: false
-  })(props), _classNames.expandClassNames.iconContainer, EXPAND_ICON_COLOR(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.Border]), ACTIVE_STATE_BACKGROUND_COLOR(props), ACTIVE_STATE_BORDER(props), ACTIVE_STATE_BORDER_RADIUS(props), DANGER_STATE_BACKGROUND_COLOR(props), DANGER_STATE_BORDER(props), DANGER_STATE_BORDER_COLOR(props), DANGER_STATE_BORDER_RADIUS(props), _classNames.expandClassNames.type('expand'), _constants.BreakoutCssClassName.BREAKOUT_MARK_DOM, _classNames.expandClassNames.type('expand'), _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akLayoutGutterOffset, _classNames.expandClassNames.content, _ui.sharedExpandStyles.contentStyles({
+  })(props), _styles.expandClassNames.iconContainer, EXPAND_ICON_COLOR(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.Border]), ACTIVE_STATE_BACKGROUND_COLOR(props), ACTIVE_STATE_BORDER(props), ACTIVE_STATE_BORDER_RADIUS(props), DANGER_STATE_BACKGROUND_COLOR(props), DANGER_STATE_BORDER(props), DANGER_STATE_BORDER_COLOR(props), DANGER_STATE_BORDER_RADIUS(props), _styles.expandClassNames.type('expand'), _styles.BreakoutCssClassName.BREAKOUT_MARK_DOM, _styles.expandClassNames.type('expand'), _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akLayoutGutterOffset, _styles.expandClassNames.content, _ui.sharedExpandStyles.contentStyles({
     expanded: false,
     focused: false
-  })(props), _classNames.expandClassNames.titleInput, _ui.sharedExpandStyles.titleInputStyles(props), _classNames.expandClassNames.titleContainer, _ui.sharedExpandStyles.titleContainerStyles(props), _classNames.expandClassNames.expanded, EXPAND_SELECTED_BACKGROUND(props), (0, _components.themed)({
+  })(props), _styles.expandClassNames.titleInput, _ui.sharedExpandStyles.titleInputStyles(props), _styles.expandClassNames.titleContainer, _ui.sharedExpandStyles.titleContainerStyles(props), _styles.expandClassNames.expanded, EXPAND_SELECTED_BACKGROUND(props), (0, _components.themed)({
     light: "var(--ds-border, ".concat(_colors.N40A, ")"),
     dark: "var(--ds-border, ".concat(_colors.DN50, ")")
-  })(props), _classNames.expandClassNames.content, "var(--ds-space-100, 8px)", _classNames.expandClassNames.inputContainer, _classNames.expandClassNames.prefix, _classNames.expandClassNames.expanded, _classNames.expandClassNames.prefix, _classNames.expandClassNames.expanded, _classNames.expandClassNames.iconContainer, EXPAND_ICON_COLOR(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _components.themed)({
+  })(props), _styles.expandClassNames.content, "var(--ds-space-100, 8px)", _styles.expandClassNames.inputContainer, _styles.expandClassNames.prefix, _styles.expandClassNames.expanded, _styles.expandClassNames.prefix, _styles.expandClassNames.expanded, _styles.expandClassNames.iconContainer, EXPAND_ICON_COLOR(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _components.themed)({
     light: "var(--ds-border, ".concat(_colors.N50A, ")"),
     dark: "var(--ds-border, ".concat(_colors.DN50, ")")
   })(props), EXPAND_SELECTED_BACKGROUND(props));