@atlaskit/editor-common 76.18.7 → 76.18.9

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-common
 
+## 76.18.9
+
+### Patch Changes
+
+- [#43004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43004) [`534feb3059b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/534feb3059b) - [ux] Update text for /assets slash command to add "(Beta)" suffix, and change Assets slash command icon slightly
+- [#42859](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42859) [`16cc82bf2e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16cc82bf2e3) - ED-20721 Extract Expand Plugin
+- [#42937](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42937) [`c9a523f6662`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c9a523f6662) - Remove internal withAnalytics function.
+- [#42451](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42451) [`36764ad64a9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/36764ad64a9) - [ECA11Y-87] Mentioned name is not communicated to the users of screen reader
+
+## 76.18.8
+
+### Patch Changes
+
+- [#42995](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42995) [`a527682dee6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a527682dee6) - add in missing dependencies for imported types
+- Updated dependencies
+
 ## 76.18.7
 
 ### Patch Changes

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -24,8 +24,8 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _reactIntlNext = require("react-intl-next");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _ = _interopRequireDefault(require("@atlaskit/icon-object/glyph/page/16"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
+var _ = _interopRequireDefault(require("@atlaskit/icon-object/glyph/page/16"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.18.7";
+var packageVersion = "76.18.9";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/quick-insert/assets/datasource-assets-objects.js

@@ -11,44 +11,28 @@ var _react = _interopRequireDefault(require("react"));
 
 function IconDatasourceAssetsObjects() {
   return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
+    width: "42",
+    height: "42",
+    viewBox: "0 0 42 42",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "0.5",
-    y: "0.5",
-    width: "47",
-    height: "47",
-    rx: "2",
-    fill: "white"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M28.6665 18.6667C27.5619 18.6667 26.6665 19.5621 26.6665 20.6667V24.6667C26.6665 25.7713 27.5619 26.6667 28.6665 26.6667H32.6665C33.7711 26.6667 34.6665 25.7713 34.6665 24.6667V20.6667C34.6665 19.5621 33.7711 18.6667 32.6665 18.6667H28.6665ZM31.9998 21.3334H29.3331V24.0001H31.9998V21.3334Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M28.6665 29.3333C27.5619 29.3333 26.6665 30.2287 26.6665 31.3333V35.3333C26.6665 36.4379 27.5619 37.3333 28.6665 37.3333H32.6665C33.7711 37.3333 34.6665 36.4379 34.6665 35.3333V31.3333C34.6665 30.2287 33.7711 29.3333 32.6665 29.3333H28.6665ZM31.9998 31.9999H29.3331V34.6666H31.9998V31.9999Z",
-    fill: "#42526E"
+    x: "0",
+    y: "0",
+    width: "42",
+    height: "42",
+    fill: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "8",
+    y: "8",
+    width: "26",
+    height: "26",
+    rx: "4",
+    fill: "var(--ds-background-input, white)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M15.3335 10.6667C14.2289 10.6667 13.3335 11.5621 13.3335 12.6667V16.6667C13.3335 17.7713 14.2289 18.6667 15.3335 18.6667H19.3335C20.4381 18.6667 21.3335 17.7713 21.3335 16.6667V12.6667C21.3335 11.5621 20.4381 10.6667 19.3335 10.6667H15.3335ZM18.6669 13.3334H16.0002V16.0001H18.6669V13.3334Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/_react.default.createElement("rect", {
-    x: "16",
-    y: "17.3333",
-    width: "2.66667",
-    height: "14.6667",
-    fill: "#42526E"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M16 32H28V34.6667H18C16.8954 34.6667 16 33.7712 16 32.6667V32Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M16 21.3333H28V24H18C16.8954 24 16 23.1046 16 22V21.3333Z",
-    fill: "#42526E"
+    d: "M12.667 9.33317H29.3337C31.1746 9.33317 32.667 10.8256 32.667 12.6665V29.3332C32.667 31.1741 31.1746 32.6665 29.3337 32.6665H12.667C10.826 32.6665 9.33366 31.1741 9.33366 29.3332V12.6665C9.33366 10.8256 10.826 9.33317 12.667 9.33317ZM7.66699 12.6665C7.66699 9.90508 9.90557 7.6665 12.667 7.6665H29.3337C32.0951 7.6665 34.3337 9.90508 34.3337 12.6665V29.3332C34.3337 32.0946 32.0951 34.3332 29.3337 34.3332H12.667C9.90557 34.3332 7.66699 32.0946 7.66699 29.3332V12.6665ZM12.9579 13.4165C12.9579 13.0023 13.2937 12.6665 13.7079 12.6665H17.6443C18.0585 12.6665 18.3943 13.0023 18.3943 13.4165V16.9165C18.3943 17.3307 18.0585 17.6665 17.6443 17.6665H16.5823V19.3332H22.0186V18.4165C22.0186 18.0023 22.3544 17.6665 22.7686 17.6665H26.7049C27.1192 17.6665 27.4549 18.0023 27.4549 18.4165V21.9165C27.4549 22.3307 27.1192 22.6665 26.7049 22.6665H22.7686C22.3544 22.6665 22.0186 22.3307 22.0186 21.9165V20.9998H16.5823V25.9998H22.0186V25.0832C22.0186 24.669 22.3544 24.3332 22.7686 24.3332H26.7049C27.1192 24.3332 27.4549 24.669 27.4549 25.0832V28.5832C27.4549 28.9974 27.1192 29.3332 26.7049 29.3332H22.7686C22.3544 29.3332 22.0186 28.9974 22.0186 28.5832V27.6665H16.4368C15.5163 27.6665 14.7701 26.9203 14.7701 25.9998V19.3332V17.6665H13.7079C13.2937 17.6665 12.9579 17.3307 12.9579 16.9165V13.4165ZM14.7701 14.5832C14.7701 14.4451 14.882 14.3332 15.0201 14.3332H16.3322C16.4703 14.3332 16.5822 14.4451 16.5822 14.5832V15.7498C16.5822 15.8879 16.4703 15.9998 16.3322 15.9998H15.0201C14.882 15.9998 14.7701 15.8879 14.7701 15.7498V14.5832ZM24.0805 19.3332C23.9425 19.3332 23.8305 19.4451 23.8305 19.5832V20.7498C23.8305 20.8879 23.9425 20.9998 24.0805 20.9998H25.3927C25.5307 20.9998 25.6427 20.8879 25.6427 20.7498V19.5832C25.6427 19.4451 25.5307 19.3332 25.3927 19.3332H24.0805ZM24.0805 25.9998C23.9425 25.9998 23.8305 26.1118 23.8305 26.2498V27.4165C23.8305 27.5546 23.9425 27.6665 24.0805 27.6665H25.3927C25.5307 27.6665 25.6427 27.5546 25.6427 27.4165V26.2498C25.6427 26.1118 25.5307 25.9998 25.3927 25.9998H24.0805Z",
+    fill: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
   }));
 }

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -171,7 +171,6 @@ function getPortalChildren(_ref2) {
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : _analytics.ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, (0, _react2.jsx)("span", {
-      "aria-hidden": "true",
       className: "zeroWidthSpaceContainer"
     }, (0, _react2.jsx)("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
@@ -182,7 +181,6 @@ function getPortalChildren(_ref2) {
       getPos: nodeViewParams.getPos,
       node: currentNode
     }, extraComponentProps)), (0, _react2.jsx)("span", {
-      "aria-hidden": "true",
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };

package/dist/cjs/styles/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "BODIED_EXT_PADDING", {
     return _extension.BODIED_EXT_PADDING;
   }
 });
+Object.defineProperty(exports, "BreakoutCssClassName", {
+  enumerable: true,
+  get: function get() {
+    return _breakout.BreakoutCssClassName;
+  }
+});
 Object.defineProperty(exports, "CodeBlockSharedCssClassName", {
   enumerable: true,
   get: function get() {
@@ -183,6 +189,12 @@ Object.defineProperty(exports, "embedSpacingStyles", {
     return _embedCard.embedSpacingStyles;
   }
 });
+Object.defineProperty(exports, "expandClassNames", {
+  enumerable: true,
+  get: function get() {
+    return _expand.expandClassNames;
+  }
+});
 Object.defineProperty(exports, "expandIconWrapperStyle", {
   enumerable: true,
   get: function get() {
@@ -430,4 +442,5 @@ var _embedCard = require("./shared/embedCard");
 var _plugins = require("./shared/plugins");
 var _unsupportedContent = require("./shared/unsupported-content");
 var _expand = require("./shared/expand");
-var _media = require("./shared/media");
+var _media = require("./shared/media");
+var _breakout = require("./shared/breakout");

package/dist/cjs/styles/shared/breakout.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BreakoutCssClassName = void 0;
+var BreakoutCssClassName = exports.BreakoutCssClassName = {
+  BREAKOUT_MARK: 'fabric-editor-breakout-mark',
+  BREAKOUT_MARK_DOM: 'fabric-editor-breakout-mark-dom'
+};

package/dist/cjs/styles/shared/expand.js

@@ -4,9 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.expandIconWrapperStyle = void 0;
+exports.expandIconWrapperStyle = exports.expandClassNames = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-var expandIconWrapperStyle = exports.expandIconWrapperStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");
+var expandIconWrapperStyle = exports.expandIconWrapperStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");
+var prefix = 'ak-editor-expand';
+var expandClassNames = exports.expandClassNames = {
+  prefix: prefix,
+  expanded: "".concat(prefix, "__expanded"),
+  titleContainer: "".concat(prefix, "__title-container"),
+  inputContainer: "".concat(prefix, "__input-container"),
+  iconContainer: "".concat(prefix, "__icon-container"),
+  icon: "".concat(prefix, "__icon"),
+  titleInput: "".concat(prefix, "__title-input"),
+  content: "".concat(prefix, "__content"),
+  type: function type(_type) {
+    return "".concat(prefix, "__type-").concat(_type);
+  }
+};

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 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); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.18.7";
+var packageVersion = "76.18.9";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -17,9 +17,9 @@ var _components = require("@atlaskit/theme/components");
 var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
-var _uiColor = require("../../ui-color");
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
 var _withOuterListeners = _interopRequireDefault(require("../../ui/with-outer-listeners"));
+var _uiColor = require("../../ui-color");
 var _ArrowKeyNavigationProvider = require("../ArrowKeyNavigationProvider");
 var _types = require("../ArrowKeyNavigationProvider/types");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;

package/dist/cjs/ui-menu/Dropdown/index.js

@@ -15,9 +15,9 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _uiReact = require("../../ui-react");
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
+var _uiReact = require("../../ui-react");
 var _ArrowKeyNavigationProvider = require("../ArrowKeyNavigationProvider");
 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; }

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -27,10 +27,10 @@ var _colors = require("@atlaskit/theme/colors");
 var _components = require("@atlaskit/theme/components");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styles = require("../../styles");
-var _ToolbarArrowKeyNavigationProvider = require("../../ui-menu/ToolbarArrowKeyNavigationProvider");
-var _uiReact = require("../../ui-react");
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
+var _ToolbarArrowKeyNavigationProvider = require("../../ui-menu/ToolbarArrowKeyNavigationProvider");
+var _uiReact = require("../../ui-react");
 var _ArrowKeyNavigationProvider = require("../ArrowKeyNavigationProvider");
 var _types = require("../ArrowKeyNavigationProvider/types");
 var _excluded = ["children"];

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -7,8 +7,8 @@ import debounce from 'lodash/debounce';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
+import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import { N200, N90 } from '@atlaskit/theme/colors';
 import { fontSizeSmall } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "76.18.7";
+const packageVersion = "76.18.9";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/quick-insert/assets/datasource-assets-objects.js

@@ -3,44 +3,28 @@
 import React from 'react';
 export default function IconDatasourceAssetsObjects() {
   return /*#__PURE__*/React.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
+    width: "42",
+    height: "42",
+    viewBox: "0 0 42 42",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React.createElement("rect", {
-    x: "0.5",
-    y: "0.5",
-    width: "47",
-    height: "47",
-    rx: "2",
-    fill: "white"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M28.6665 18.6667C27.5619 18.6667 26.6665 19.5621 26.6665 20.6667V24.6667C26.6665 25.7713 27.5619 26.6667 28.6665 26.6667H32.6665C33.7711 26.6667 34.6665 25.7713 34.6665 24.6667V20.6667C34.6665 19.5621 33.7711 18.6667 32.6665 18.6667H28.6665ZM31.9998 21.3334H29.3331V24.0001H31.9998V21.3334Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M28.6665 29.3333C27.5619 29.3333 26.6665 30.2287 26.6665 31.3333V35.3333C26.6665 36.4379 27.5619 37.3333 28.6665 37.3333H32.6665C33.7711 37.3333 34.6665 36.4379 34.6665 35.3333V31.3333C34.6665 30.2287 33.7711 29.3333 32.6665 29.3333H28.6665ZM31.9998 31.9999H29.3331V34.6666H31.9998V31.9999Z",
-    fill: "#42526E"
+    x: "0",
+    y: "0",
+    width: "42",
+    height: "42",
+    fill: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "8",
+    y: "8",
+    width: "26",
+    height: "26",
+    rx: "4",
+    fill: "var(--ds-background-input, white)"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M15.3335 10.6667C14.2289 10.6667 13.3335 11.5621 13.3335 12.6667V16.6667C13.3335 17.7713 14.2289 18.6667 15.3335 18.6667H19.3335C20.4381 18.6667 21.3335 17.7713 21.3335 16.6667V12.6667C21.3335 11.5621 20.4381 10.6667 19.3335 10.6667H15.3335ZM18.6669 13.3334H16.0002V16.0001H18.6669V13.3334Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "16",
-    y: "17.3333",
-    width: "2.66667",
-    height: "14.6667",
-    fill: "#42526E"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 32H28V34.6667H18C16.8954 34.6667 16 33.7712 16 32.6667V32Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 21.3333H28V24H18C16.8954 24 16 23.1046 16 22V21.3333Z",
-    fill: "#42526E"
+    d: "M12.667 9.33317H29.3337C31.1746 9.33317 32.667 10.8256 32.667 12.6665V29.3332C32.667 31.1741 31.1746 32.6665 29.3337 32.6665H12.667C10.826 32.6665 9.33366 31.1741 9.33366 29.3332V12.6665C9.33366 10.8256 10.826 9.33317 12.667 9.33317ZM7.66699 12.6665C7.66699 9.90508 9.90557 7.6665 12.667 7.6665H29.3337C32.0951 7.6665 34.3337 9.90508 34.3337 12.6665V29.3332C34.3337 32.0946 32.0951 34.3332 29.3337 34.3332H12.667C9.90557 34.3332 7.66699 32.0946 7.66699 29.3332V12.6665ZM12.9579 13.4165C12.9579 13.0023 13.2937 12.6665 13.7079 12.6665H17.6443C18.0585 12.6665 18.3943 13.0023 18.3943 13.4165V16.9165C18.3943 17.3307 18.0585 17.6665 17.6443 17.6665H16.5823V19.3332H22.0186V18.4165C22.0186 18.0023 22.3544 17.6665 22.7686 17.6665H26.7049C27.1192 17.6665 27.4549 18.0023 27.4549 18.4165V21.9165C27.4549 22.3307 27.1192 22.6665 26.7049 22.6665H22.7686C22.3544 22.6665 22.0186 22.3307 22.0186 21.9165V20.9998H16.5823V25.9998H22.0186V25.0832C22.0186 24.669 22.3544 24.3332 22.7686 24.3332H26.7049C27.1192 24.3332 27.4549 24.669 27.4549 25.0832V28.5832C27.4549 28.9974 27.1192 29.3332 26.7049 29.3332H22.7686C22.3544 29.3332 22.0186 28.9974 22.0186 28.5832V27.6665H16.4368C15.5163 27.6665 14.7701 26.9203 14.7701 25.9998V19.3332V17.6665H13.7079C13.2937 17.6665 12.9579 17.3307 12.9579 16.9165V13.4165ZM14.7701 14.5832C14.7701 14.4451 14.882 14.3332 15.0201 14.3332H16.3322C16.4703 14.3332 16.5822 14.4451 16.5822 14.5832V15.7498C16.5822 15.8879 16.4703 15.9998 16.3322 15.9998H15.0201C14.882 15.9998 14.7701 15.8879 14.7701 15.7498V14.5832ZM24.0805 19.3332C23.9425 19.3332 23.8305 19.4451 23.8305 19.5832V20.7498C23.8305 20.8879 23.9425 20.9998 24.0805 20.9998H25.3927C25.5307 20.9998 25.6427 20.8879 25.6427 20.7498V19.5832C25.6427 19.4451 25.5307 19.3332 25.3927 19.3332H24.0805ZM24.0805 25.9998C23.9425 25.9998 23.8305 26.1118 23.8305 26.2498V27.4165C23.8305 27.5546 23.9425 27.6665 24.0805 27.6665H25.3927C25.5307 27.6665 25.6427 27.5546 25.6427 27.4165V26.2498C25.6427 26.1118 25.5307 25.9998 25.3927 25.9998H24.0805Z",
+    fill: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
   }));
 }

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -165,7 +165,6 @@ function getPortalChildren({
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, jsx("span", {
-      "aria-hidden": "true",
       className: `zeroWidthSpaceContainer`
     }, jsx("span", {
       className: `${inlineNodeViewClassname}AddZeroWidthSpace`
@@ -176,7 +175,6 @@ function getPortalChildren({
       getPos: nodeViewParams.getPos,
       node: currentNode
     }, extraComponentProps)), jsx("span", {
-      "aria-hidden": "true",
       className: `${inlineNodeViewClassname}AddZeroWidthSpace`
     }));
   };

package/dist/es2019/styles/index.js

@@ -28,5 +28,6 @@ export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNE
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
 export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles } from './shared/plugins';
 export { UnsupportedSharedCssClassName, unsupportedStyles } from './shared/unsupported-content';
-export { expandIconWrapperStyle } from './shared/expand';
-export { ClassNames as MediaSharedClassNames } from './shared/media';
+export { expandIconWrapperStyle, expandClassNames } from './shared/expand';
+export { ClassNames as MediaSharedClassNames } from './shared/media';
+export { BreakoutCssClassName } from './shared/breakout';

package/dist/es2019/styles/shared/breakout.js

@@ -0,0 +1,4 @@
+export const BreakoutCssClassName = {
+  BREAKOUT_MARK: 'fabric-editor-breakout-mark',
+  BREAKOUT_MARK_DOM: 'fabric-editor-breakout-mark-dom'
+};

package/dist/es2019/styles/shared/expand.js

@@ -2,4 +2,16 @@ import { css } from '@emotion/react';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 export const expandIconWrapperStyle = css`
   margin-left: ${"var(--ds-space-negative-100, -8px)"};
-`;
+`;
+const prefix = 'ak-editor-expand';
+export const expandClassNames = {
+  prefix,
+  expanded: `${prefix}__expanded`,
+  titleContainer: `${prefix}__title-container`,
+  inputContainer: `${prefix}__input-container`,
+  iconContainer: `${prefix}__icon-container`,
+  icon: `${prefix}__icon`,
+  titleInput: `${prefix}__title-input`,
+  content: `${prefix}__content`,
+  type: type => `${prefix}__type-${type}`
+};

package/dist/es2019/ui/DropList/index.js

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.18.7";
+const packageVersion = "76.18.9";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -9,9 +9,9 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, editorAnalyticsChannel, EVENT_TYPE } from '../../analytics';
-import { ColorPalette, DEFAULT_BORDER_COLOR, getSelectedRowAndColumnFromPalette } from '../../ui-color';
 import { default as Popup } from '../../ui/Popup';
 import { default as withOuterListeners } from '../../ui/with-outer-listeners';
+import { ColorPalette, DEFAULT_BORDER_COLOR, getSelectedRowAndColumnFromPalette } from '../../ui-color';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 

package/dist/es2019/ui-menu/Dropdown/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
-import { withReactEditorViewOuterListeners } from '../../ui-react';
 import DropdownList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
+import { withReactEditorViewOuterListeners } from '../../ui-react';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render

package/dist/es2019/ui-menu/DropdownMenu/index.js

@@ -11,10 +11,10 @@ import { B100, DN600, DN80, N70, N900 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import Tooltip from '@atlaskit/tooltip';
 import { DropdownMenuSharedCssClassName } from '../../styles';
-import { KeyDownHandlerContext } from '../../ui-menu/ToolbarArrowKeyNavigationProvider';
-import { withReactEditorViewOuterListeners } from '../../ui-react';
 import DropList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
+import { KeyDownHandlerContext } from '../../ui-menu/ToolbarArrowKeyNavigationProvider';
+import { withReactEditorViewOuterListeners } from '../../ui-react';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 const wrapper = css`

package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -21,8 +21,8 @@ import debounce from 'lodash/debounce';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
+import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import { N200, N90 } from '@atlaskit/theme/colors';
 import { fontSizeSmall } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.18.7";
+var packageVersion = "76.18.9";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/quick-insert/assets/datasource-assets-objects.js

@@ -3,44 +3,28 @@
 import React from 'react';
 export default function IconDatasourceAssetsObjects() {
   return /*#__PURE__*/React.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
+    width: "42",
+    height: "42",
+    viewBox: "0 0 42 42",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React.createElement("rect", {
-    x: "0.5",
-    y: "0.5",
-    width: "47",
-    height: "47",
-    rx: "2",
-    fill: "white"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M28.6665 18.6667C27.5619 18.6667 26.6665 19.5621 26.6665 20.6667V24.6667C26.6665 25.7713 27.5619 26.6667 28.6665 26.6667H32.6665C33.7711 26.6667 34.6665 25.7713 34.6665 24.6667V20.6667C34.6665 19.5621 33.7711 18.6667 32.6665 18.6667H28.6665ZM31.9998 21.3334H29.3331V24.0001H31.9998V21.3334Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M28.6665 29.3333C27.5619 29.3333 26.6665 30.2287 26.6665 31.3333V35.3333C26.6665 36.4379 27.5619 37.3333 28.6665 37.3333H32.6665C33.7711 37.3333 34.6665 36.4379 34.6665 35.3333V31.3333C34.6665 30.2287 33.7711 29.3333 32.6665 29.3333H28.6665ZM31.9998 31.9999H29.3331V34.6666H31.9998V31.9999Z",
-    fill: "#42526E"
+    x: "0",
+    y: "0",
+    width: "42",
+    height: "42",
+    fill: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "8",
+    y: "8",
+    width: "26",
+    height: "26",
+    rx: "4",
+    fill: "var(--ds-background-input, white)"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M15.3335 10.6667C14.2289 10.6667 13.3335 11.5621 13.3335 12.6667V16.6667C13.3335 17.7713 14.2289 18.6667 15.3335 18.6667H19.3335C20.4381 18.6667 21.3335 17.7713 21.3335 16.6667V12.6667C21.3335 11.5621 20.4381 10.6667 19.3335 10.6667H15.3335ZM18.6669 13.3334H16.0002V16.0001H18.6669V13.3334Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "16",
-    y: "17.3333",
-    width: "2.66667",
-    height: "14.6667",
-    fill: "#42526E"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 32H28V34.6667H18C16.8954 34.6667 16 33.7712 16 32.6667V32Z",
-    fill: "#42526E"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 21.3333H28V24H18C16.8954 24 16 23.1046 16 22V21.3333Z",
-    fill: "#42526E"
+    d: "M12.667 9.33317H29.3337C31.1746 9.33317 32.667 10.8256 32.667 12.6665V29.3332C32.667 31.1741 31.1746 32.6665 29.3337 32.6665H12.667C10.826 32.6665 9.33366 31.1741 9.33366 29.3332V12.6665C9.33366 10.8256 10.826 9.33317 12.667 9.33317ZM7.66699 12.6665C7.66699 9.90508 9.90557 7.6665 12.667 7.6665H29.3337C32.0951 7.6665 34.3337 9.90508 34.3337 12.6665V29.3332C34.3337 32.0946 32.0951 34.3332 29.3337 34.3332H12.667C9.90557 34.3332 7.66699 32.0946 7.66699 29.3332V12.6665ZM12.9579 13.4165C12.9579 13.0023 13.2937 12.6665 13.7079 12.6665H17.6443C18.0585 12.6665 18.3943 13.0023 18.3943 13.4165V16.9165C18.3943 17.3307 18.0585 17.6665 17.6443 17.6665H16.5823V19.3332H22.0186V18.4165C22.0186 18.0023 22.3544 17.6665 22.7686 17.6665H26.7049C27.1192 17.6665 27.4549 18.0023 27.4549 18.4165V21.9165C27.4549 22.3307 27.1192 22.6665 26.7049 22.6665H22.7686C22.3544 22.6665 22.0186 22.3307 22.0186 21.9165V20.9998H16.5823V25.9998H22.0186V25.0832C22.0186 24.669 22.3544 24.3332 22.7686 24.3332H26.7049C27.1192 24.3332 27.4549 24.669 27.4549 25.0832V28.5832C27.4549 28.9974 27.1192 29.3332 26.7049 29.3332H22.7686C22.3544 29.3332 22.0186 28.9974 22.0186 28.5832V27.6665H16.4368C15.5163 27.6665 14.7701 26.9203 14.7701 25.9998V19.3332V17.6665H13.7079C13.2937 17.6665 12.9579 17.3307 12.9579 16.9165V13.4165ZM14.7701 14.5832C14.7701 14.4451 14.882 14.3332 15.0201 14.3332H16.3322C16.4703 14.3332 16.5822 14.4451 16.5822 14.5832V15.7498C16.5822 15.8879 16.4703 15.9998 16.3322 15.9998H15.0201C14.882 15.9998 14.7701 15.8879 14.7701 15.7498V14.5832ZM24.0805 19.3332C23.9425 19.3332 23.8305 19.4451 23.8305 19.5832V20.7498C23.8305 20.8879 23.9425 20.9998 24.0805 20.9998H25.3927C25.5307 20.9998 25.6427 20.8879 25.6427 20.7498V19.5832C25.6427 19.4451 25.5307 19.3332 25.3927 19.3332H24.0805ZM24.0805 25.9998C23.9425 25.9998 23.8305 26.1118 23.8305 26.2498V27.4165C23.8305 27.5546 23.9425 27.6665 24.0805 27.6665H25.3927C25.5307 27.6665 25.6427 27.5546 25.6427 27.4165V26.2498C25.6427 26.1118 25.5307 25.9998 25.3927 25.9998H24.0805Z",
+    fill: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
   }));
 }

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -162,7 +162,6 @@ function getPortalChildren(_ref2) {
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, jsx("span", {
-      "aria-hidden": "true",
       className: "zeroWidthSpaceContainer"
     }, jsx("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
@@ -173,7 +172,6 @@ function getPortalChildren(_ref2) {
       getPos: nodeViewParams.getPos,
       node: currentNode
     }, extraComponentProps)), jsx("span", {
-      "aria-hidden": "true",
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };

package/dist/esm/styles/index.js

@@ -28,5 +28,6 @@ export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNE
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
 export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles } from './shared/plugins';
 export { UnsupportedSharedCssClassName, unsupportedStyles } from './shared/unsupported-content';
-export { expandIconWrapperStyle } from './shared/expand';
-export { ClassNames as MediaSharedClassNames } from './shared/media';
+export { expandIconWrapperStyle, expandClassNames } from './shared/expand';
+export { ClassNames as MediaSharedClassNames } from './shared/media';
+export { BreakoutCssClassName } from './shared/breakout';

package/dist/esm/styles/shared/breakout.js

@@ -0,0 +1,4 @@
+export var BreakoutCssClassName = {
+  BREAKOUT_MARK: 'fabric-editor-breakout-mark',
+  BREAKOUT_MARK_DOM: 'fabric-editor-breakout-mark-dom'
+};

package/dist/esm/styles/shared/expand.js

@@ -2,4 +2,18 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 import { css } from '@emotion/react';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-export var expandIconWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");
+export var expandIconWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");
+var prefix = 'ak-editor-expand';
+export var expandClassNames = {
+  prefix: prefix,
+  expanded: "".concat(prefix, "__expanded"),
+  titleContainer: "".concat(prefix, "__title-container"),
+  inputContainer: "".concat(prefix, "__input-container"),
+  iconContainer: "".concat(prefix, "__icon-container"),
+  icon: "".concat(prefix, "__icon"),
+  titleInput: "".concat(prefix, "__title-input"),
+  content: "".concat(prefix, "__content"),
+  type: function type(_type) {
+    return "".concat(prefix, "__type-").concat(_type);
+  }
+};

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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.18.7";
+var packageVersion = "76.18.9";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -12,9 +12,9 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, editorAnalyticsChannel, EVENT_TYPE } from '../../analytics';
-import { ColorPalette, DEFAULT_BORDER_COLOR, getSelectedRowAndColumnFromPalette } from '../../ui-color';
 import { default as Popup } from '../../ui/Popup';
 import { default as withOuterListeners } from '../../ui/with-outer-listeners';
+import { ColorPalette, DEFAULT_BORDER_COLOR, getSelectedRowAndColumnFromPalette } from '../../ui-color';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 

package/dist/esm/ui-menu/Dropdown/index.js

@@ -9,9 +9,9 @@ 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, { PureComponent } from 'react';
-import { withReactEditorViewOuterListeners } from '../../ui-react';
 import DropdownList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
+import { withReactEditorViewOuterListeners } from '../../ui-react';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render

package/dist/esm/ui-menu/DropdownMenu/index.js

@@ -27,10 +27,10 @@ import { B100, DN600, DN80, N70, N900 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import Tooltip from '@atlaskit/tooltip';
 import { DropdownMenuSharedCssClassName } from '../../styles';
-import { KeyDownHandlerContext } from '../../ui-menu/ToolbarArrowKeyNavigationProvider';
-import { withReactEditorViewOuterListeners } from '../../ui-react';
 import DropList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
+import { KeyDownHandlerContext } from '../../ui-menu/ToolbarArrowKeyNavigationProvider';
+import { withReactEditorViewOuterListeners } from '../../ui-react';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 var wrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* tooltip in ToolbarButton is display:block */\n  & > div > div {\n    display: flex;\n  }\n"])));

package/dist/types/analytics/linking-utils.d.ts

@@ -1,4 +1,5 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, AnalyticsEventPayload, EVENT_TYPE, INPUT_METHOD } from './types';
+import type { AnalyticsEventPayload } from './types';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from './types';
 export declare const buildEditLinkPayload: (type: LinkType) => AnalyticsEventPayload;
 export type LinkType = ACTION_SUBJECT_ID.CARD_INLINE | ACTION_SUBJECT_ID.CARD_BLOCK | ACTION_SUBJECT_ID.EMBEDS | ACTION_SUBJECT_ID.HYPERLINK;
 export declare const buildVisitedLinkPayload: (type: LinkType) => AnalyticsEventPayload;

package/dist/types/react-node-view/getInlineNodeViewProducer.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { PMPluginFactoryParams } from '../types';
 export type InlineNodeViewComponentProps = {
     view: EditorView;

package/dist/types/styles/index.d.ts

@@ -28,5 +28,6 @@ export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNE
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
 export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles, } from './shared/plugins';
 export { UnsupportedSharedCssClassName, unsupportedStyles, } from './shared/unsupported-content';
-export { expandIconWrapperStyle } from './shared/expand';
+export { expandIconWrapperStyle, expandClassNames } from './shared/expand';
 export { ClassNames as MediaSharedClassNames } from './shared/media';
+export { BreakoutCssClassName } from './shared/breakout';

package/dist/types/styles/shared/breakout.d.ts

@@ -0,0 +1,4 @@
+export declare const BreakoutCssClassName: {
+    BREAKOUT_MARK: string;
+    BREAKOUT_MARK_DOM: string;
+};

package/dist/types/styles/shared/expand.d.ts

@@ -1 +1,12 @@
 export declare const expandIconWrapperStyle: import("@emotion/react").SerializedStyles;
+export declare const expandClassNames: {
+    prefix: string;
+    expanded: string;
+    titleContainer: string;
+    inputContainer: string;
+    iconContainer: string;
+    icon: string;
+    titleInput: string;
+    content: string;
+    type: (type: string) => string;
+};

package/dist/types/types/index.d.ts

@@ -28,7 +28,7 @@ export type { EditorReactContext } from './editor-react-context';
 export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin-factory';
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';
 export type { PluginsOptions, EditorPlugin, getPosHandler, getPosHandlerNode, } from './editor-plugin';
-export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, PluginInjectionAPIWithDependencies, PublicPluginAPI, NextEditorPluginFunctionOptionalConfigDefinition, } from './next-editor-plugin';
+export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, PluginInjectionAPIWithDependencies, PublicPluginAPI, NextEditorPluginFunctionOptionalConfigDefinition, ExtractNextEditorPlugins, } from './next-editor-plugin';
 export type { ExtractPublicEditorAPI } from './editor-public-api';
 export type { EditorCommand, EditorCommandWithMetadata, } from './editor-command';
 export type IconProps = {

package/dist/types/ui-menu/Dropdown/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
-import type { WithOutsideClickProps } from '../../ui-react/with-react-editor-view-outer-listeners';
 import type { OpenChangedEvent } from '../../ui/DropList';
+import type { WithOutsideClickProps } from '../../ui-react/with-react-editor-view-outer-listeners';
 import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
 export interface Props {
     children?: React.ReactNode;

package/dist/types-ts4.5/analytics/linking-utils.d.ts

@@ -1,4 +1,5 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, AnalyticsEventPayload, EVENT_TYPE, INPUT_METHOD } from './types';
+import type { AnalyticsEventPayload } from './types';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from './types';
 export declare const buildEditLinkPayload: (type: LinkType) => AnalyticsEventPayload;
 export type LinkType = ACTION_SUBJECT_ID.CARD_INLINE | ACTION_SUBJECT_ID.CARD_BLOCK | ACTION_SUBJECT_ID.EMBEDS | ACTION_SUBJECT_ID.HYPERLINK;
 export declare const buildVisitedLinkPayload: (type: LinkType) => AnalyticsEventPayload;

package/dist/types-ts4.5/react-node-view/getInlineNodeViewProducer.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { PMPluginFactoryParams } from '../types';
 export type InlineNodeViewComponentProps = {
     view: EditorView;

package/dist/types-ts4.5/styles/index.d.ts

@@ -28,5 +28,6 @@ export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNE
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
 export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles, } from './shared/plugins';
 export { UnsupportedSharedCssClassName, unsupportedStyles, } from './shared/unsupported-content';
-export { expandIconWrapperStyle } from './shared/expand';
+export { expandIconWrapperStyle, expandClassNames } from './shared/expand';
 export { ClassNames as MediaSharedClassNames } from './shared/media';
+export { BreakoutCssClassName } from './shared/breakout';

package/dist/types-ts4.5/styles/shared/breakout.d.ts

@@ -0,0 +1,4 @@
+export declare const BreakoutCssClassName: {
+    BREAKOUT_MARK: string;
+    BREAKOUT_MARK_DOM: string;
+};

package/dist/types-ts4.5/styles/shared/expand.d.ts

@@ -1 +1,12 @@
 export declare const expandIconWrapperStyle: import("@emotion/react").SerializedStyles;
+export declare const expandClassNames: {
+    prefix: string;
+    expanded: string;
+    titleContainer: string;
+    inputContainer: string;
+    iconContainer: string;
+    icon: string;
+    titleInput: string;
+    content: string;
+    type: (type: string) => string;
+};

package/dist/types-ts4.5/types/index.d.ts

@@ -28,7 +28,7 @@ export type { EditorReactContext } from './editor-react-context';
 export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin-factory';
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';
 export type { PluginsOptions, EditorPlugin, getPosHandler, getPosHandlerNode, } from './editor-plugin';
-export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, PluginInjectionAPIWithDependencies, PublicPluginAPI, NextEditorPluginFunctionOptionalConfigDefinition, } from './next-editor-plugin';
+export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, PluginInjectionAPIWithDependencies, PublicPluginAPI, NextEditorPluginFunctionOptionalConfigDefinition, ExtractNextEditorPlugins, } from './next-editor-plugin';
 export type { ExtractPublicEditorAPI } from './editor-public-api';
 export type { EditorCommand, EditorCommandWithMetadata, } from './editor-command';
 export type IconProps = {

package/dist/types-ts4.5/ui-menu/Dropdown/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
-import type { WithOutsideClickProps } from '../../ui-react/with-react-editor-view-outer-listeners';
 import type { OpenChangedEvent } from '../../ui/DropList';
+import type { WithOutsideClickProps } from '../../ui-react/with-react-editor-view-outer-listeners';
 import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
 export interface Props {
     children?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.18.7",
+  "version": "76.18.9",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -92,12 +92,12 @@
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
-    "@atlaskit/button": "^16.13.0",
+    "@atlaskit/button": "^16.14.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/custom-steps": "^0.0.2",
     "@atlaskit/editor-json-transformer": "^8.10.0",
-    "@atlaskit/editor-palette": "1.5.1",
+    "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/editor-tables": "^2.3.0",
@@ -114,6 +114,7 @@
     "@atlaskit/menu": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/profilecard": "^19.7.0",
+    "@atlaskit/smart-card": "^26.42.0",
     "@atlaskit/smart-user-picker": "^6.3.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/task-decision": "^17.9.0",
@@ -127,6 +128,7 @@
     "@emotion/react": "^11.7.1",
     "@sentry/browser": "^6.18.2",
     "@sentry/integrations": "^6.18.2",
+    "@sentry/types": "^6.18.2",
     "chromatism": "^2.6.0",
     "classnames": "^2.2.5",
     "clipboard-polyfill": "2.4.3",
@@ -155,12 +157,10 @@
   "devDependencies": {
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
-    "@atlaskit/smart-card": "^26.42.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "*",
-    "@sentry/types": "^6.18.2",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",