@atlaskit/editor-core 183.0.12 → 183.1.1

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

@@ -5,12 +5,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 import React, { useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorToolbarKeylineHeight, akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 export var TableControlsPadding = 20;
-var mainToolbarWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  padding: ", "px ", "px 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", "px;\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), gridSize(), gridSize(), "var(--ds-surface, white)", TableControlsPadding);
-var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", "px;\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), gridSize(), akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(N30, ")"));
+var mainToolbarWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  padding: ", " ", " 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", "px;\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", TableControlsPadding);
+var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(N30, ")"));
 var StickyToolbar = function StickyToolbar(props) {
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),

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

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 import { akEditorMenuZIndex, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 export var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 var toolbarLineHeight = 56;
@@ -14,7 +13,7 @@ var mainToolbar = css(_templateObject3 || (_templateObject3 = _taggedTemplateLit
 export var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
   return [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
 };
-export var mainToolbarIconBeforeStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: ", "px;\n  height: ", "px;\n  width: ", "px;\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), gridSize() * 2, gridSize() * 4, gridSize() * 4, akEditorMobileMaxWidth);
+export var mainToolbarIconBeforeStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: ", ";\n  height: ", ";\n  width: ", ";\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", akEditorMobileMaxWidth);
 var mainToolbarFirstChild = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), akEditorMobileMaxWidth);
 var mainToolbarFirstChildTowLine = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  @media (max-width: ", "px) {\n    flex: 1 1 100%;\n    height: ", "px;\n    justify-content: flex-end;\n    // ED-10241: We add fit-content to ensure that MainToolbar does not\n    // shrink more than the size of its contents. This will prevent the\n    // find/replace icon from being overlapped during a confluence\n    // publish operation\n    min-width: fit-content;\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
 export var mainToolbarFirstChildStyle = function mainToolbarFirstChildStyle(twoLineEditorToolbar) {

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

@@ -74,12 +74,17 @@ var ColorPickerButton = function ColorPickerButton(props) {
     return position;
   }, []);
   var ColorPaletteWithListeners = withOuterListeners(ColorPalette);
-  var onColorSelected = function onColorSelected(color, label) {
+  var onChange = props.onChange,
+    createAnalyticsEvent = props.createAnalyticsEvent,
+    colorPalette = props.colorPalette,
+    placement = props.placement,
+    skipFocusButtonAfterPick = props.skipFocusButtonAfterPick;
+  var onColorSelected = React.useCallback(function (color, label) {
     setIsOpenedByKeyboard(false);
     setIsPopupOpen(false);
     setIsPopupPositioned(false);
-    if (props.onChange) {
-      if (props.createAnalyticsEvent) {
+    if (onChange) {
+      if (createAnalyticsEvent) {
         // fire analytics
         var payload = {
           action: ACTION.UPDATED,
@@ -88,19 +93,21 @@ var ColorPickerButton = function ColorPickerButton(props) {
           attributes: {
             color: color,
             label: label,
-            placement: props.placement
+            placement: placement
           },
           eventType: EVENT_TYPE.TRACK
         };
-        props.createAnalyticsEvent(payload).fire(editorAnalyticsChannel);
+        createAnalyticsEvent(payload).fire(editorAnalyticsChannel);
       }
-      var newPalette = props.colorPalette.find(function (colorPalette) {
+      var newPalette = colorPalette.find(function (colorPalette) {
         return colorPalette.value === color;
       });
-      newPalette && props.onChange(newPalette);
+      newPalette && onChange(newPalette);
     }
-    focusButton();
-  };
+    if (!skipFocusButtonAfterPick) {
+      focusButton();
+    }
+  }, [colorPalette, onChange, createAnalyticsEvent, placement, skipFocusButtonAfterPick]);
   var renderPopup = function renderPopup() {
     if (!isPopupOpen || !buttonRef.current) {
       return;

package/dist/esm/ui/ConfigPanel/ErrorMessage/ErrorImage.js

@@ -5,8 +5,7 @@ var _templateObject;
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
-var imageContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 auto ", "px;\n  height: 80px;\n"])), gridSize() * 3);
+var imageContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 auto ", ";\n  height: 80px;\n"])), "var(--ds-space-300, 24px)");
 var ErrorImage = function ErrorImage() {
   return jsx("div", {
     css: imageContainer

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -10,6 +10,7 @@ import { Field } from '@atlaskit/form';
 import { hexToEditorTableChartsPaletteColor } from '@atlaskit/editor-palette';
 import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
 import { validate as _validate } from '../utils';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import { requiredIndicator } from './common/RequiredIndicator';
 import { headingSizes } from '@atlaskit/theme/typography';
@@ -323,7 +324,7 @@ export var extendedColorPalette = [{
     border: DEFAULT_BORDER_COLOR
   });
 });
-var colorPickerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: ", "px;\n  padding-right: ", "px;\n"])), 4 * gridSize(), gridSize());
+var colorPickerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: ", ";\n  padding-right: ", ";\n"])), "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)");
 var colorPickerLabel = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  margin-top: 0;\n"])), headingSizes.h400.size);
 export var EXPANDED_COLOR_PICKER_COLUMNS = 9;
 export var ORIGINAL_COLOR_PICKER_COLUMNS = 5;
@@ -367,7 +368,10 @@ var ColorPicker = function ColorPicker(props) {
     showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
-    placement: "ConfigPanel",
+    placement: "ConfigPanel"
+    // TODO: Migrate away from gridSize
+    // Recommendation: Update types of size object to accept string width/height and then replace gridSize with tokens
+    ,
     size: {
       width: 3 * gridSize(),
       height: 3 * gridSize()

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -9,14 +9,13 @@ import { N40 } from '@atlaskit/theme/colors';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
 import Button from '@atlaskit/button';
-import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../messages';
 export var expandContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-bottom: 1px solid ", ";\n"])), "var(--ds-border, ".concat(N40, ")"));
-export var expandControl = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  padding-right: ", "px;\n"])), gridSize() * 6, gridSize());
-var chevronContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", "px;\n    height: ", "px;\n  }\n"])), gridSize() * 3, gridSize() * 3);
+export var expandControl = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", ";\n  justify-content: center;\n  padding-right: ", ";\n"])), "var(--ds-space-600, 48px)", "var(--ds-space-100, 8px)");
+var chevronContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", ";\n    height: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 var labelContainer = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  font-weight: 500;\n"])));
 var expandContentContainer = function expandContentContainer(isHidden) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n  margin-top: -", "px;\n"])), isHidden ? 'none' : 'block', gridSize());
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n  margin-top: calc(-1 * ", ");\n"])), isHidden ? 'none' : 'block', "var(--ds-space-100, 8px)");
 };
 function Expand(_ref) {
   var field = _ref.field,

package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js

@@ -23,9 +23,8 @@ import Select from '@atlaskit/select';
 import AddCircleIcon from '@atlaskit/icon/glyph/add-circle';
 import { messages } from '../messages';
 import { getNameFromDuplicateField, isDuplicateField } from '../utils';
-import { gridSize } from '@atlaskit/theme/constants';
 import { N40A } from '@atlaskit/theme/colors';
-var actionsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  margin-top: ", "px;\n  padding-top: ", "px;\n"])), "var(--ds-border, ".concat(N40A, ")"), gridSize() * 2, gridSize() * 2);
+var actionsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  margin-top: ", ";\n  padding-top: ", ";\n"])), "var(--ds-border, ".concat(N40A, ")"), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
 var populateFromParameters = function populateFromParameters(parameters, fields) {
   if (Object.keys(parameters).length) {
     var keys = Object.keys(parameters);

package/dist/esm/ui/ConfigPanel/Fields/SelectItem.js

@@ -3,7 +3,6 @@ var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import Avatar from '@atlaskit/avatar';
-import { gridSize } from '@atlaskit/theme/constants';
 var itemWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  small {\n    margin: 0;\n    display: block;\n    color: currentColor;\n  }\n"])));
 var iconWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  line-height: 1;\n"])));
 var iconWrapperMenu = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-self: flex-start;\n  margin-top: 3px;\n"])));
@@ -28,7 +27,7 @@ export var formatOptionLabel = function formatOptionLabel(_ref, _ref2) {
     appearance: "square"
   }) : icon), jsx("div", {
     style: {
-      paddingLeft: icon ? gridSize() : 0
+      paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
     }
   }, jsx("p", null, label, description && context !== 'value' && jsx("small", null, description))));
 };

package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -4,13 +4,12 @@ var _templateObject, _templateObject2, _templateObject3;
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import Tooltip from '@atlaskit/tooltip';
 import { N80, R300 } from '@atlaskit/theme/colors';
 import { messages } from '../messages';
 var removableFieldWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  margin-bottom: 0;\n"])));
-var wrapperWithMarginBottom = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: ", "px;\n"])), gridSize() * 2);
+var wrapperWithMarginBottom = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-200, 16px)");
 var removeButtonWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), "var(--ds-icon-subtle, ".concat(N80, ")"), "var(--ds-icon-danger, ".concat(R300, ")"));
 var RemovableField = function RemovableField(_ref) {
   var _children$props$field;

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

@@ -3,7 +3,7 @@ var _templateObject;
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { jsx, css, useTheme } from '@emotion/react';
-import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles } from '@atlaskit/editor-common/styles';
+import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles } from '@atlaskit/editor-common/styles';
 import { editorFontSize } from '@atlaskit/editor-shared-styles';
 import { unsupportedStyles } from '../../plugins/unsupported-content/styles';
 import { telepointerStyle } from '../../plugins/collab-edit/styles';
@@ -35,9 +35,9 @@ import { dateStyles } from '../../plugins/date/styles';
 import { embedCardStyles } from '../../plugins/card/ui/styled';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
 var contentStyles = function contentStyles(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize({
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize({
     theme: props.theme
-  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles(props), telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles(props), telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, resizerStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 import { Section, ButtonItem } from '@atlaskit/menu';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { borderRadius, gridSize } from '@atlaskit/theme';
+import { borderRadius } from '@atlaskit/theme';
 import { themed } from '@atlaskit/theme/components';
 import { DN50, N0, N30A, N60A } from '@atlaskit/theme/colors';
 import { IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '../../plugins/quick-insert/assets';
@@ -152,7 +152,7 @@ var insertMenuWrapper = function insertMenuWrapper(theme, itemCount) {
     dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
   })(theme), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(N30A, ",\n    0 2px 1px ").concat(N30A, ",\n    0 0 20px -6px ").concat(N60A), ")"));
 };
-var itemBefore = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 40px;\n  height: 40px;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: ", "px;\n"])), gridSize() / 2);
+var itemBefore = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 40px;\n  height: 40px;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
 var flexWrapperStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  box-sizing: border-box;\n  overflow: hidden;\n"])));
 var FlexWrapper = function FlexWrapper(props) {
   var children = props.children,

package/dist/esm/ui/ElementBrowser/constants.js

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
+// TODO: Migrate away from gridSize
+// Recommendation: Replace gridSize with 8
 export var GRID_SIZE = gridSize();
 export var DEVICE_BREAKPOINT_NUMBERS = {
   small: GRID_SIZE * 40,

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

@@ -8,6 +8,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
+import { logException } from '@atlaskit/editor-common/monitoring';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ACTION, EVENT_TYPE } from '../../plugins/analytics';
 export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
@@ -51,6 +53,11 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
+      if (getBooleanFF('platform.editor.sentry-error-monitoring_6bksu')) {
+        logException(error, {
+          location: 'editor-core/ui'
+        });
+      }
       if (this.hasFallback()) {
         this.setState({
           errorCaptured: true

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

@@ -64,7 +64,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         isResizing: true
       }, function () {
         var newHighlights = highlights(width + innerPadding, snapPoints);
-        displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
       });
     });
     _defineProperty(_assertThisInitialized(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
@@ -89,7 +89,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         updateSize(newSize.width, newSize.layout);
       }
       var newHighlights = highlights(newWidth, snapPoints);
-      displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
       resizable.updateSize({
         width: newWidth,
         height: 'auto'
@@ -121,12 +121,12 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
       }
       // show committed grid size
-      displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
       _this.setState({
         isResizing: false
       }, function () {
         updateSize(newSize.width, newSize.layout);
-        displayGrid(false, gridTypeForLayout(layout));
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, gridTypeForLayout(layout), []);
       });
     });
     return _this;

package/dist/esm/utils/commands.js

@@ -3,7 +3,7 @@ import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { transformSmartCharsMentionsAndEmojis } from '../plugins/text-formatting/commands/transform-to-code';
 import { GapCursorSelection } from '../plugins/selection/gap-cursor-selection';
-import { isEmptyParagraph } from './document';
+import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 var filter = function filter(predicates, cmd) {
   return function (state, dispatch, view) {
     if (!Array.isArray(predicates)) {

package/dist/esm/utils/document.js

@@ -2,17 +2,10 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { Node, Fragment } from 'prosemirror-model';
 import { transformMediaLinkMarks, transformTextLinkCodeMarks, transformDedupeMarks, transformNodesMissingContent, transformIndentationMarks, transformInvalidMediaContent } from '@atlaskit/adf-utils/transforms';
 import { sanitizeNodeForPrivacy } from '../utils/filter/privacy-filter';
-import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
+import { isEmptyParagraph, validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
 import { getBreakoutMode } from './node-width';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics/types/enums';
 
-/**
- * Checks if node is an empty paragraph.
- */
-export function isEmptyParagraph(node) {
-  return !!node && node.type.name === 'paragraph' && !node.childCount;
-}
-
 /**
  * Returns false if node contains only empty inline nodes and hardBreaks.
  */

package/dist/esm/utils/index.js

@@ -7,10 +7,10 @@ import { isNodeEmpty } from './document';
 import { atTheBeginningOfDoc, atTheEndOfDoc } from './prosemirror/position';
 import { isMediaNode } from '@atlaskit/editor-common/utils';
 export { insideTable } from '@atlaskit/editor-common/core-utils';
-export { isEmptyParagraph, hasVisibleContent, isNodeEmpty, isEmptyDocument, processRawValue, getStepRange, findFarthestParentNode, isSelectionEndOfParagraph, nodesBetweenChanged, getNodesCount } from './document';
+export { hasVisibleContent, isNodeEmpty, isEmptyDocument, processRawValue, getStepRange, findFarthestParentNode, isSelectionEndOfParagraph, nodesBetweenChanged, getNodesCount } from './document';
 export { sanitiseMarksInSelection } from './mark';
 export { isParagraph, isText, isLinkMark } from './nodes';
-export { normaliseNestedLayout, setNodeSelection, setGapCursorSelection, setTextSelection } from './selection';
+export { setNodeSelection, setGapCursorSelection, setTextSelection } from './selection';
 export { default as measurements } from './performance/measure-enum';
 function isMarkTypeCompatibleWithMark(markType, mark) {
   return !mark.type.excludes(markType) && !markType.excludes(mark.type);

package/dist/esm/utils/selection.js

@@ -1,6 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { NodeSelection, TextSelection, AllSelection } from 'prosemirror-state';
 import { GapCursorSelection } from '@atlaskit/editor-common/selection';
@@ -20,26 +17,6 @@ export function setCellSelection(view, anchor, head) {
     dispatch = view.dispatch;
   dispatch(state.tr.setSelection(CellSelection.create(state.doc, anchor, head)));
 }
-export var normaliseNestedLayout = function normaliseNestedLayout(_ref, node) {
-  var selection = _ref.selection,
-    doc = _ref.doc;
-  if (selection.$from.depth > 1) {
-    if (node.attrs.layout && node.attrs.layout !== 'default') {
-      return node.type.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
-        layout: 'default'
-      }), node.content, node.marks);
-    }
-
-    // If its a breakout layout, we can remove the mark
-    // Since default isn't a valid breakout mode.
-    var breakoutMark = doc.type.schema.marks.breakout;
-    if (breakoutMark && breakoutMark.isInSet(node.marks)) {
-      var newMarks = breakoutMark.removeFromSet(node.marks);
-      return node.type.createChecked(node.attrs, node.content, newMarks);
-    }
-  }
-  return node;
-};
 
 // checks if the given position is within the ProseMirror document
 export var isValidPosition = function isValidPosition(pos, state) {

package/dist/esm/version-wrapper.js

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

package/dist/esm/version.json

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

package/dist/types/create-editor/ErrorBoundary.d.ts

@@ -12,6 +12,7 @@ export type ErrorBoundaryProps = {
     rethrow?: boolean;
     children: React.ReactNode;
     featureFlags: FeatureFlags;
+    errorTracking?: boolean;
 };
 export type ErrorBoundaryState = {
     error?: Error;
@@ -25,6 +26,7 @@ export declare class ErrorBoundaryWithEditorView extends React.Component<ErrorBo
     experienceStore?: ExperienceStore;
     static defaultProps: {
         rethrow: boolean;
+        errorTracking: boolean;
     };
     state: {
         error: undefined;

package/dist/types/create-editor/ReactEditorViewInternal.d.ts

@@ -80,9 +80,10 @@ export declare class ReactEditorView<T = {}> extends React.Component<EditorViewP
     private featureFlags;
     private pluginInjectionAPI;
     private onPluginObservation;
-    get transactionTracking(): import("../types/performance-tracking").TransactionTracking;
+    get transactionTracking(): import("@atlaskit/editor-common/types").TransactionTracking;
     private getPluginNames;
     private countNodes;
+    private isTransactionTrackingExplicitlyDisabled;
     constructor(props: EditorViewProps & WrappedComponentProps & T, context: EditorReactContext);
     getEditorState: () => EditorState<any> | undefined;
     UNSAFE_componentWillReceiveProps(nextProps: EditorViewProps): void;

package/dist/types/labs/next/presets/create-stub-internal-apis.d.ts

@@ -1,6 +1,5 @@
 import type { EditorPlugin } from '@atlaskit/editor-common/types';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 /**
  * DO NOT USE THIS FUNCTION
@@ -9,8 +8,6 @@ import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
  **/
 export declare const createStubInternalApis: () => {
     editorSelectionAPI: EditorSelectionAPI;
-    insertNodeAPI: import("../../../insert-api/types").InsertNodeAPI;
-    editorAnalyticsAPI: EditorAnalyticsAPI;
     createAnalyticsEvent: CreateUIAnalyticsEvent;
     stubInternalApisPlugin: () => EditorPlugin;
 };

package/dist/types/labs/next/presets/cxhtml.d.ts

@@ -48,7 +48,11 @@ export declare function useCXHTMLPreset({ mentionProvider, mediaProvider, placeh
     pluginConfiguration: import("../../../plugins/quick-insert").QuickInsertPluginOptions | undefined;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"quickInsert", {
     pluginConfiguration: import("../../../plugins/quick-insert").QuickInsertPluginOptions | undefined;
-}>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"width", {}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"width", {}>, (config?: import("../../../plugins/text-formatting/types").TextFormattingOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"textFormatting", {
+}>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"width", {
+    sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"width", {
+    sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+}>, (config?: import("../../../plugins/text-formatting/types").TextFormattingOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"textFormatting", {
     pluginConfiguration: import("../../../plugins/text-formatting/types").TextFormattingOptions | undefined;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"textFormatting", {
     pluginConfiguration: import("../../../plugins/text-formatting/types").TextFormattingOptions | undefined;
@@ -60,7 +64,35 @@ export declare function useCXHTMLPreset({ mentionProvider, mediaProvider, placeh
     }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
         sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"analytics", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+        sharedState: {
+            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+        };
+        dependencies: [(config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }>];
+        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"analytics", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+        sharedState: {
+            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+        };
+        dependencies: [(config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }>];
+        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+    }>>];
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"hyperlink", {
     pluginConfiguration: import("../../../plugins/hyperlink/types").HyperlinkPluginOptions | undefined;
     dependencies: [(config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlags", {
@@ -69,6 +101,34 @@ export declare function useCXHTMLPreset({ mentionProvider, mediaProvider, placeh
     }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
         sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"analytics", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+        sharedState: {
+            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+        };
+        dependencies: [(config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }>];
+        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"analytics", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+        sharedState: {
+            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+        };
+        dependencies: [(config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }>];
+        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+    }>>];
 }>, ...import("@atlaskit/editor-common/types").AllEditorPresetPluginTypes[]]>[];
 export declare function EditorPresetCXHTML(props: EditorPresetCXHTMLProps): JSX.Element;