@atlaskit/editor-common 74.1.1 → 74.2.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 74.2.0
+
+### Minor Changes
+
+- [`1549c2e6dda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1549c2e6dda) - Extract width plugin from `editor-core` to separate `editor-plugin-width` package.
+- [`f055b886032`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f055b886032) - Extract the grid plugin to a separate package.
+
+### Patch Changes
+
+- [`6b56797b868`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b56797b868) - Dummy changeset to trigger a pre-release of editor-common
+- [`10ddf00db40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/10ddf00db40) - [ux] add a handler size option and relevant style and demo page
+- [`94561f309f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/94561f309f3) - New stage-0 change: custom "width" attribute on Tables nodes
+- [`b7086232a7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b7086232a7c) - ESS-3135: move collab provider types into @atlaskit/collab-provider
+- Updated dependencies
+
+## 74.1.2
+
+### Patch Changes
+
+- [`f3bd38c3f31`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f3bd38c3f31) - Removes spacing tokens from shadows in favour of shadow tokens
+
 ## 74.1.1
 
 ### Patch Changes

package/dist/cjs/i18n/en_ZZ.js

@@ -15,7 +15,6 @@ exports.default = void 0;
 var _default = {
   'fabric.editor.action': '⁣⁢Action item؜‍⁠⁠؜⁡‌‍⁡‍‌⁣⁤',
   'fabric.editor.action.description': '⁣⁢Create and assign action items‌‌⁡‌⁡‌؜⁠⁡⁣⁤',
-  'fabric.editor.addMediaFiles': '⁣⁢Add image, video, or file‌‍؜؜‍‍؜‍؜؜‍⁣⁤',
   'fabric.editor.alignImageCenter': '⁣⁢Align center⁡⁡‍⁠‌⁡⁠⁡⁡‌⁡⁣⁤',
   'fabric.editor.alignImageLeft': '⁣⁢Align left⁠⁠‍؜⁡⁡⁠⁡⁠‍؜‌⁡⁣⁤',
   'fabric.editor.alignImageRight': '⁣⁢Align right⁠⁠⁡؜⁡؜⁡؜؜⁣⁤',
@@ -44,6 +43,8 @@ var _default = {
   'fabric.editor.expandPlaceholder': '⁣⁢Give this expand a title...؜⁠⁡‍؜؜؜⁡⁣⁤',
   'fabric.editor.feedbackDialog': '⁣⁢Give feedback؜⁡؜⁠‍‌‌‍⁡⁣⁤',
   'fabric.editor.feedbackDialog.description': '⁣⁢Tell us about your experience using the new editor‌‌؜؜؜؜؜⁡‍‍‍‌⁣⁤',
+  'fabric.editor.filesAndImages': '⁣⁢Files & images؜⁡‌⁡⁠⁡‍‍⁡؜‌⁡؜⁠‍‌⁠‌⁣⁤',
+  'fabric.editor.filesAndImages.description': '⁣⁢Add images and other files to your page؜⁡‍‌‍‌؜⁠⁠؜؜⁣⁤',
   'fabric.editor.help': '⁣⁢Help⁡‌‍‌⁡‌⁠⁠‍‍⁡⁣⁤',
   'fabric.editor.help.description': '⁣⁢Browse all the keyboard shortcuts and markdown options‌⁡⁠‍⁡⁠⁣⁤',
   'fabric.editor.horizontalRule': '⁣⁢Divider‍‌⁠‌⁡‌⁡؜‌⁡‍⁠‍⁣⁤',
@@ -55,8 +56,6 @@ var _default = {
   'fabric.editor.layoutWide': '⁣⁢Go wide‌؜؜‍‍⁡⁡؜⁣⁤',
   'fabric.editor.link': '⁣⁢Link⁡‍⁡‍؜؜؜⁠⁠⁣⁤',
   'fabric.editor.link.description': '⁣⁢Insert a link‌⁠⁠‌؜‍؜⁠؜⁣⁤',
-  'fabric.editor.mediaFiles': '⁣⁢Image, video, or file⁠‍‌؜⁠‌‍⁣⁤',
-  'fabric.editor.mediaFiles.description': '⁣⁢Add images and other files to your page⁠‍‌؜؜؜‍⁠⁠⁠⁠‍⁣⁤',
   'fabric.editor.mention': '⁣⁢Mention‌؜‌⁡⁡؜⁠⁣⁤',
   'fabric.editor.mention.description': '⁣⁢Mention someone to send them a notification‍؜‌‌⁡؜‌‌؜⁠⁠؜⁣⁤',
   'fabric.editor.openLink': '⁣⁢Open link in a new tab⁠⁡⁡‌‍‌⁠‌‌⁡⁡⁣⁤',
@@ -84,20 +83,12 @@ var _default = {
   'fabric.editor.viewMore': '⁣⁢View more⁠⁠⁡‌‍‌‌‌؜‍‌⁣⁤',
   'fabric.editor.visit': '⁣⁢Open link in a new window⁡⁠‍⁠⁠⁡‍⁡⁣⁤',
   'fabric.theme.blue': '⁣⁢Blue‍⁠‍؜‌⁠⁡‍؜⁣⁤',
-  'fabric.theme.bold-blue': '⁣⁢Bold blue⁠⁡؜؜‍‍‌‌⁠‍⁣⁤',
-  'fabric.theme.bold-green': '⁣⁢Bold green؜⁡؜؜‌⁡‍‌⁡⁣⁤',
-  'fabric.theme.bold-orange': '⁣⁢Bold orange؜⁡؜⁡⁠⁡⁡؜؜‌⁡؜‍⁣⁤',
-  'fabric.theme.bold-purple': '⁣⁢Bold purple‍‌‍‌؜‍⁡؜⁠‍‌⁣⁤',
-  'fabric.theme.bold-red': '⁣⁢Bold red‌؜؜⁡⁡‍⁡⁠⁣⁤',
-  'fabric.theme.bold-teal': '⁣⁢Bold teal‌؜‍‍⁡⁠⁠؜⁠؜؜؜⁣⁤',
   'fabric.theme.dark-blue': '⁣⁢Dark blue⁠‍⁠⁠⁠⁠‌‍⁠‍؜⁠⁡‍⁣⁤',
-  'fabric.theme.dark-gray': '⁣⁢Dark gray⁡‍؜‍‌⁠؜‍‌⁡‌‌⁣⁤',
   'fabric.theme.dark-green': '⁣⁢Dark green‍‌‍⁡؜‍⁡‌‌؜⁡؜⁣⁤',
   'fabric.theme.dark-purple': '⁣⁢Dark purple⁡⁠‌؜؜⁠‍⁠؜⁣⁤',
   'fabric.theme.dark-red': '⁣⁢Dark red‌‍⁡‌‌‍‌⁡‌⁡‍⁠‌⁠⁣⁤',
   'fabric.theme.dark-teal': '⁣⁢Dark teal⁠⁠⁡⁠⁠⁠⁡⁣⁤',
   'fabric.theme.dark-yellow': '⁣⁢Dark yellow⁠‌⁠؜‌⁡؜⁣⁤',
-  'fabric.theme.default': '⁣⁢Default⁡‍؜⁠‌؜⁠⁣⁤',
   'fabric.theme.gray': '⁣⁢Gray؜⁠⁡‌⁠⁡؜⁠‌؜؜؜⁡⁠⁠⁣⁤',
   'fabric.theme.green': '⁣⁢Green‍‍‌⁡⁡‍⁡⁠⁠⁣⁤',
   'fabric.theme.light-blue': '⁣⁢Light blue‍⁠⁡‌⁡؜؜‌⁡⁡⁠⁣⁤',
@@ -110,12 +101,6 @@ var _default = {
   'fabric.theme.orange': '⁣⁢Orange؜⁡‍⁠؜‍⁠⁠‍⁠⁣⁤',
   'fabric.theme.purple': '⁣⁢Purple⁠؜‍‍؜؜⁠⁠‌‌⁡⁣⁤',
   'fabric.theme.red': '⁣⁢Red‌‍؜⁡؜‍‌⁡⁡⁣⁤',
-  'fabric.theme.subtle-blue': '⁣⁢Subtle blue⁡‌⁠⁡⁠⁠⁣⁤',
-  'fabric.theme.subtle-green': '⁣⁢Subtle green؜⁡⁡‍‌؜⁡⁣⁤',
-  'fabric.theme.subtle-purple': '⁣⁢Subtle purple⁠⁠‍‍⁠‍؜⁡⁠⁡⁣⁤',
-  'fabric.theme.subtle-red': '⁣⁢Subtle red⁠‌‍‌⁡‍⁣⁤',
-  'fabric.theme.subtle-teal': '⁣⁢Subtle teal‍‌‍⁠⁡؜‍؜؜⁣⁤',
-  'fabric.theme.subtle-yellow': '⁣⁢Subtle yellow‍‍⁡⁠⁡؜؜‌؜؜؜⁣⁤',
   'fabric.theme.teal': '⁣⁢Teal⁡⁡⁠‍؜‍‌؜⁣⁤',
   'fabric.theme.white': '⁣⁢White⁡‌‌؜⁠⁡⁠‌‌؜⁣⁤',
   'fabric.theme.yellow': '⁣⁢Yellow‌⁡⁠‍؜⁡‌‌⁠‌‌‍⁡⁠‍؜⁣⁤'

package/dist/cjs/i18n/ja.js

@@ -94,16 +94,16 @@ var _default = {
   'fabric.theme.bold-purple': '鮮やかな紫',
   'fabric.theme.bold-red': '鮮やかな赤',
   'fabric.theme.bold-teal': '鮮やかな青緑',
-  'fabric.theme.bold-yellow': '鮮やかな黄色',
+  'fabric.theme.bold-yellow': '濃い黄色',
   'fabric.theme.bolder-blue': 'より濃いブルー',
-  'fabric.theme.bolder-gray': 'より濃いグレー',
+  'fabric.theme.bolder-gray': 'より濃い灰色',
   'fabric.theme.bolder-green': 'より濃いグリーン',
   'fabric.theme.bolder-magenta': 'より濃いマゼンタ',
   'fabric.theme.bolder-orange': 'より濃いオレンジ',
   'fabric.theme.bolder-purple': 'より濃いパープル',
   'fabric.theme.bolder-red': 'より濃いレッド',
   'fabric.theme.bolder-teal': 'より濃いティール',
-  'fabric.theme.bolder-yellow': 'より濃いイエロー',
+  'fabric.theme.bolder-yellow': 'より濃い黄色',
   'fabric.theme.dark-blue': '濃い青',
   'fabric.theme.dark-gray': 'ダーク グレー',
   'fabric.theme.dark-green': '濃い緑',
@@ -126,7 +126,7 @@ var _default = {
   'fabric.theme.purple': '紫',
   'fabric.theme.red': '赤',
   'fabric.theme.subtle-blue': '淡い青',
-  'fabric.theme.subtle-gray': '淡い灰色',
+  'fabric.theme.subtle-gray': '薄い灰色',
   'fabric.theme.subtle-green': '淡い緑',
   'fabric.theme.subtle-magenta': '薄いマゼンタ',
   'fabric.theme.subtle-orange': '薄いオレンジ',

package/dist/cjs/i18n/nl.js

@@ -87,23 +87,23 @@ var _default = {
   'fabric.editor.visit': 'Link openen in een nieuw venster',
   'fabric.theme.blue': 'Blauw',
   'fabric.theme.bold-blue': 'Felblauw',
-  'fabric.theme.bold-gray': 'Grijs',
+  'fabric.theme.bold-gray': 'Fel grijs',
   'fabric.theme.bold-green': 'Felgroen',
   'fabric.theme.bold-magenta': 'Fel magenta',
   'fabric.theme.bold-orange': 'Feloranje',
   'fabric.theme.bold-purple': 'Felpaars',
   'fabric.theme.bold-red': 'Felrood',
   'fabric.theme.bold-teal': 'Fel-blauwgroen',
-  'fabric.theme.bold-yellow': 'Felgeel',
-  'fabric.theme.bolder-blue': 'Blauw',
-  'fabric.theme.bolder-gray': 'Grijs',
-  'fabric.theme.bolder-green': 'Groen',
+  'fabric.theme.bold-yellow': 'Fel geel',
+  'fabric.theme.bolder-blue': 'Feller blauw',
+  'fabric.theme.bolder-gray': 'Feller grijs',
+  'fabric.theme.bolder-green': 'Feller groen',
   'fabric.theme.bolder-magenta': 'Feller magenta',
-  'fabric.theme.bolder-orange': 'Oranje',
-  'fabric.theme.bolder-purple': 'Paars',
-  'fabric.theme.bolder-red': 'Rood',
-  'fabric.theme.bolder-teal': 'Groenblauw',
-  'fabric.theme.bolder-yellow': 'Geel',
+  'fabric.theme.bolder-orange': 'Feller oranje',
+  'fabric.theme.bolder-purple': 'Feller paars',
+  'fabric.theme.bolder-red': 'Feller rood',
+  'fabric.theme.bolder-teal': 'Feller groenblauw',
+  'fabric.theme.bolder-yellow': 'Feller geel',
   'fabric.theme.dark-blue': 'Donkerblauw',
   'fabric.theme.dark-gray': 'Donkergrijs',
   'fabric.theme.dark-green': 'Donkergroen',
@@ -126,7 +126,7 @@ var _default = {
   'fabric.theme.purple': 'Paars',
   'fabric.theme.red': 'Red',
   'fabric.theme.subtle-blue': 'Licht blauw',
-  'fabric.theme.subtle-gray': 'Subtiel grijs',
+  'fabric.theme.subtle-gray': 'Licht grijs',
   'fabric.theme.subtle-green': 'Licht groen',
   'fabric.theme.subtle-magenta': 'Licht magenta',
   'fabric.theme.subtle-orange': 'Licht oranje',

package/dist/cjs/i18n/pt_BR.js

@@ -87,14 +87,14 @@ var _default = {
   'fabric.editor.visit': 'Abrir link em uma nova janela',
   'fabric.theme.blue': 'Blue',
   'fabric.theme.bold-blue': 'Azul-escuro',
-  'fabric.theme.bold-gray': 'Cinza forte',
+  'fabric.theme.bold-gray': 'Cinza vibrante',
   'fabric.theme.bold-green': 'Verde-escuro',
   'fabric.theme.bold-magenta': 'Magenta vibrante',
   'fabric.theme.bold-orange': 'Laranja-escuro',
   'fabric.theme.bold-purple': 'Roxo-escuro',
   'fabric.theme.bold-red': 'Vermelho-escuro',
   'fabric.theme.bold-teal': 'Verde-azulado-escuro',
-  'fabric.theme.bold-yellow': 'Amarelo forte',
+  'fabric.theme.bold-yellow': 'Amarelo vibrante',
   'fabric.theme.bolder-blue': 'Azul mais vibrante',
   'fabric.theme.bolder-gray': 'Cinza mais vibrante',
   'fabric.theme.bolder-green': 'Verde mais vibrante',

package/dist/cjs/i18n/uk.js

@@ -87,23 +87,23 @@ var _default = {
   'fabric.editor.visit': 'Відкрити посилання в новому вікні',
   'fabric.theme.blue': 'Синій',
   'fabric.theme.bold-blue': 'Яскраво-синій',
-  'fabric.theme.bold-gray': 'Яскраво-сірий',
+  'fabric.theme.bold-gray': 'Насичений сірий',
   'fabric.theme.bold-green': 'Яскраво-зелений',
-  'fabric.theme.bold-magenta': 'Яскраво-пурпурний',
+  'fabric.theme.bold-magenta': 'Насичений пурпурний',
   'fabric.theme.bold-orange': 'Яскраво-помаранчевий',
   'fabric.theme.bold-purple': 'Яскраво-фіолетовий',
   'fabric.theme.bold-red': 'Яскраво-червоний',
   'fabric.theme.bold-teal': 'Яскраво-бірюзовий',
-  'fabric.theme.bold-yellow': 'Яскраво-жовтий',
-  'fabric.theme.bolder-blue': 'Дуже яскравий синій',
-  'fabric.theme.bolder-gray': 'Дуже яскравий сірий',
-  'fabric.theme.bolder-green': 'Дуже яскравий зелений',
-  'fabric.theme.bolder-magenta': 'Дуже яскравий пурпурний',
-  'fabric.theme.bolder-orange': 'Дуже яскравий помаранчевий',
-  'fabric.theme.bolder-purple': 'Дуже яскравий фіолетовий',
-  'fabric.theme.bolder-red': 'Дуже яскравий червоний',
+  'fabric.theme.bold-yellow': 'Насичений жовтий',
+  'fabric.theme.bolder-blue': 'Дуже насичений синій',
+  'fabric.theme.bolder-gray': 'Дуже насичений сірий',
+  'fabric.theme.bolder-green': 'Дуже насичений зелений',
+  'fabric.theme.bolder-magenta': 'Дуже насичений пурпурний',
+  'fabric.theme.bolder-orange': 'Дуже насичений помаранчевий',
+  'fabric.theme.bolder-purple': 'Дуже насичений фіолетовий',
+  'fabric.theme.bolder-red': 'Дуже насичений червоний',
   'fabric.theme.bolder-teal': 'Дуже яскравий синьо-зелений',
-  'fabric.theme.bolder-yellow': 'Дуже яскравий жовтий',
+  'fabric.theme.bolder-yellow': 'Дуже насичений жовтий',
   'fabric.theme.dark-blue': 'Темно-синій',
   'fabric.theme.dark-gray': 'Темно-сірий',
   'fabric.theme.dark-green': 'Темно-зелений',

package/dist/cjs/i18n/zh.js

@@ -87,14 +87,14 @@ var _default = {
   'fabric.editor.visit': '在新窗口中打开链接',
   'fabric.theme.blue': '蓝色',
   'fabric.theme.bold-blue': '深蓝色',
-  'fabric.theme.bold-gray': '深灰色',
+  'fabric.theme.bold-gray': '深灰',
   'fabric.theme.bold-green': '深绿色',
   'fabric.theme.bold-magenta': '暖洋红',
   'fabric.theme.bold-orange': '深橙色',
   'fabric.theme.bold-purple': '深紫色',
   'fabric.theme.bold-red': '深红色',
   'fabric.theme.bold-teal': '深蓝绿色',
-  'fabric.theme.bold-yellow': '金黄色',
+  'fabric.theme.bold-yellow': '金黄',
   'fabric.theme.bolder-blue': '亮蓝',
   'fabric.theme.bolder-gray': '亮灰',
   'fabric.theme.bolder-green': '亮绿',
@@ -126,7 +126,7 @@ var _default = {
   'fabric.theme.purple': '紫色',
   'fabric.theme.red': '红色',
   'fabric.theme.subtle-blue': '浅蓝色',
-  'fabric.theme.subtle-gray': '浅灰色',
+  'fabric.theme.subtle-gray': '浅灰',
   'fabric.theme.subtle-green': '浅绿色',
   'fabric.theme.subtle-magenta': '浅洋红',
   'fabric.theme.subtle-orange': '浅橙',

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 = "74.1.1";
+var packageVersion = "74.2.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/styles/index.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "EXTENSION_PADDING", {
     return _extension.EXTENSION_PADDING;
   }
 });
+Object.defineProperty(exports, "GRID_GUTTER", {
+  enumerable: true,
+  get: function get() {
+    return _grid.GRID_GUTTER;
+  }
+});
 Object.defineProperty(exports, "LAYOUT_COLUMN_PADDING", {
   enumerable: true,
   get: function get() {
@@ -141,6 +147,12 @@ Object.defineProperty(exports, "getOrderedListInlineStyles", {
     return _lists.getOrderedListInlineStyles;
   }
 });
+Object.defineProperty(exports, "gridStyles", {
+  enumerable: true,
+  get: function get() {
+    return _grid.gridStyles;
+  }
+});
 Object.defineProperty(exports, "headingsSharedStyles", {
   enumerable: true,
   get: function get() {
@@ -315,4 +327,5 @@ var _dropdownMenu = require("./shared/dropdown-menu");
 var _codeBlock = require("./shared/code-block");
 var _layout = require("./shared/layout");
 var _extension = require("./shared/extension");
-var _resizer = require("./shared/resizer");
+var _resizer = require("./shared/resizer");
+var _grid = require("./shared/grid");

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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridStyles = exports.GRID_GUTTER = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _colors = require("@atlaskit/theme/colors");
+var _templateObject;
+var GRID_GUTTER = 12;
+exports.GRID_GUTTER = GRID_GUTTER;
+var gridStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .gridParent {\n    width: calc(100% + ", "px);\n    margin-left: -", "px;\n    margin-right: -", "px;\n    transform: scale(1);\n    z-index: ", ";\n  }\n\n  .gridContainer {\n    position: fixed;\n    height: 100vh;\n    width: 100%;\n    pointer-events: none;\n  }\n\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4352\n  .gridLine {\n    border-left: 1px solid ", ";\n    display: inline-block;\n    box-sizing: border-box;\n    height: 100%;\n    margin-left: -1px;\n\n    transition: border-color 0.15s linear;\n    z-index: 0;\n  }\n\n  .highlight {\n    border-left: 1px solid ", ";\n  }\n"])), GRID_GUTTER * 2, GRID_GUTTER, GRID_GUTTER, _editorSharedStyles.akEditorGridLineZIndex, "var(--ds-border, ".concat(_colors.N30A, ")"), "var(--ds-border-focused, ".concat(_colors.B200, ")"));
+exports.gridStyles = gridStyles;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resizerStyles = exports.resizerItemClassName = exports.resizerHandleZIndex = exports.resizerHandleRightClassName = exports.resizerHandlePadding = exports.resizerHandleLeftClassName = void 0;
+exports.resizerStyles = exports.resizerItemClassName = exports.resizerHandlerSmallClassName = exports.resizerHandlerMediumClassName = exports.resizerHandlerLargeClassName = exports.resizerHandlerClassName = exports.resizerHandleZIndex = exports.resizerHandleRightClassName = exports.resizerHandlePadding = exports.resizerHandleLeftClassName = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
@@ -27,5 +27,17 @@ var resizerHandlePadding = 13;
 exports.resizerHandlePadding = resizerHandlePadding;
 var resizerHandleZIndex = 99;
 exports.resizerHandleZIndex = resizerHandleZIndex;
-var resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    background: ", ";\n  }\n\n  .", ", .", " {\n    display: flex;\n    flex-direction: column;\n\n    /* vertical align */\n    justify-content: center;\n  }\n\n  .", " {\n    align-items: flex-end;\n    /* padding-right: 12px; */\n    /* margin-right: -", "px; */\n  }\n\n  .", " {\n    align-items: flex-start;\n    /* padding-left: 12px; */\n    /* margin-left: -", "px; */\n  }\n\n  .", "::after,\n    .", "::after {\n    content: ' ';\n    display: flex;\n    width: 3px;\n    height: 64px;\n\n    border-radius: 6px;\n  }\n\n  .", ":hover\n    .", "::after,\n    .", ":hover\n    .", "::after {\n    background: ", ";\n  }\n\n  .", "\n    .", "::after,\n    .", "\n    .", "::after,\n    .", "\n    .", ":hover::after,\n    .", "\n    .", ":hover::after,\n    .", ".is-resizing\n    .", "::after,\n    .", ".is-resizing\n    .", "::after {\n    background: ", ";\n  }\n"])), resizerItemClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandlePadding, resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, "var(--ds-border, ".concat(_colors.N60, ")"), akEditorSelectedNodeClassName, resizerHandleRightClassName, akEditorSelectedNodeClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"));
+var resizerHandlerSmallClassName = 'resizer-handler-small';
+exports.resizerHandlerSmallClassName = resizerHandlerSmallClassName;
+var resizerHandlerMediumClassName = 'resizer-handler-medium';
+exports.resizerHandlerMediumClassName = resizerHandlerMediumClassName;
+var resizerHandlerLargeClassName = 'resizer-handler-large';
+exports.resizerHandlerLargeClassName = resizerHandlerLargeClassName;
+var resizerHandlerClassName = {
+  small: resizerHandlerSmallClassName,
+  medium: resizerHandlerMediumClassName,
+  large: resizerHandlerLargeClassName
+};
+exports.resizerHandlerClassName = resizerHandlerClassName;
+var resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    background: ", ";\n  }\n\n  .", ", .", " {\n    display: flex;\n    flex-direction: column;\n\n    /* vertical align */\n    justify-content: center;\n  }\n\n  .", " {\n    align-items: flex-end;\n    /* padding-right: 12px; */\n    /* margin-right: -", "px; */\n  }\n\n  .", " {\n    align-items: flex-start;\n    /* padding-left: 12px; */\n    /* margin-left: -", "px; */\n  }\n\n  .", "::after,\n    .", "::after {\n    content: ' ';\n    display: flex;\n    width: 3px;\n    height: 64px;\n\n    border-radius: 6px;\n  }\n\n  .", ":hover\n    .", "::after,\n    .", ":hover\n    .", "::after {\n    background: ", ";\n  }\n\n  .", "\n    .", "::after,\n    .", "\n    .", "::after,\n    .", "\n    .", ":hover::after,\n    .", "\n    .", ":hover::after,\n    .", ".is-resizing\n    .", "::after,\n    .", ".is-resizing\n    .", "::after {\n    background: ", ";\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 64px;\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 43px;\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 96px;\n  }\n"])), resizerItemClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandlePadding, resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, "var(--ds-border, ".concat(_colors.N60, ")"), akEditorSelectedNodeClassName, resizerHandleRightClassName, akEditorSelectedNodeClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), resizerHandleRightClassName, resizerHandlerClassName.medium, resizerHandleLeftClassName, resizerHandlerClassName.medium, resizerHandleRightClassName, resizerHandlerClassName.small, resizerHandleLeftClassName, resizerHandlerClassName.small, resizerHandleRightClassName, resizerHandlerClassName.large, resizerHandleLeftClassName, resizerHandlerClassName.large);
 exports.resizerStyles = resizerStyles;

package/dist/cjs/ui/ContextPanel/context.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContextPanelWidthProvider = exports.ContextPanelProvider = exports.ContextPanelConsumer = exports.ContextPanel = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+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; } }
+// React context to communicate the active context panel width up and down the tree.
+//
+// We need the width prop from the ContextPanel component.
+//
+// However, the actual <ContextPanel /> component might be deeply nested inside the contextPanel.
+// For example, in the template context panel storybook, we wrap it in 2 higher order components.
+//
+// Changing the max-width on the main editor container happens above where the <ContextPanel /> gets rendered.
+//
+// To subtract the context panel width from the available real estate, we use the Provider and Consumer.
+//
+// positionedOverEditor is used to determine whether the context panel is positioned over the Editor so we are
+// able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
+// panel
+
+var ContextPanel = /*#__PURE__*/_react.default.createContext({
+  width: 0,
+  positionedOverEditor: false,
+  broadcastWidth: function broadcastWidth() {},
+  broadcastPosition: function broadcastPosition() {}
+});
+exports.ContextPanel = ContextPanel;
+var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(ContextPanelWidthProvider, _React$Component);
+  var _super = _createSuper(ContextPanelWidthProvider);
+  function ContextPanelWidthProvider(props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, ContextPanelWidthProvider);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      width: 0,
+      positionedOverEditor: false
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "broadcastSidebarWidth", function (width) {
+      if (width !== _this.state.width) {
+        _this.setState({
+          width: width
+        });
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "broadcastPosition", function (positionedOverEditor) {
+      if (positionedOverEditor !== _this.state.positionedOverEditor) {
+        _this.setState({
+          positionedOverEditor: positionedOverEditor
+        });
+      }
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(ContextPanelWidthProvider, [{
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+        width = _this$state.width,
+        positionedOverEditor = _this$state.positionedOverEditor;
+      return /*#__PURE__*/_react.default.createElement(Provider, {
+        value: {
+          width: width,
+          positionedOverEditor: positionedOverEditor,
+          broadcastWidth: this.broadcastSidebarWidth,
+          broadcastPosition: this.broadcastPosition
+        }
+      }, this.props.children);
+    }
+  }]);
+  return ContextPanelWidthProvider;
+}(_react.default.Component);
+exports.ContextPanelWidthProvider = ContextPanelWidthProvider;
+var Provider = ContextPanel.Provider,
+  Consumer = ContextPanel.Consumer;
+exports.ContextPanelConsumer = Consumer;
+exports.ContextPanelProvider = Provider;

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 */ // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.1.1";
+var packageVersion = "74.2.0";
 var halfFocusRing = 1;
 // TODO: Migrate away from gridSize
 // Recommendation: Replace gridSize with token('space.100', '8px') after verfiying Popper can accept this
@@ -43,13 +43,13 @@ var DropList = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "triggerStyles", (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    transition-duration: 0.2s;\n    transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);\n    ", "\n  "])), _this.props.shouldFitContainer ? 'display: block; box-sizing: border-box;' : 'display: inline-flex;'));
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "menuWrapper", function (theme) {
-      return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      background-color: ", ";\n      border-radius: ", "px;\n      box-shadow: 0 ", " ", "\n          calc(-1 * ", ") ", ",\n        0 0 1px ", ";\n      box-sizing: border-box;\n      overflow: auto;\n      padding: ", " 0;\n      max-height: 90vh;\n    "])), (0, _components.themed)({
+      return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      background-color: ", ";\n      border-radius: ", "px;\n      box-shadow: ", ";\n      box-sizing: border-box;\n      overflow: auto;\n      padding: ", " 0;\n      max-height: 90vh;\n    "])), (0, _components.themed)({
         light: "var(--ds-text, ".concat(_colors.N900, ")"),
         dark: "var(--ds-text, ".concat(_colors.DN600, ")")
       })(theme), (0, _components.themed)({
         light: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
         dark: "var(--ds-surface-overlay, ".concat(_colors.DN50, ")")
-      })(theme), (0, _constants.borderRadius)(), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)", _colors.N50A, _colors.N60A, "var(--ds-space-050, 4px)");
+      })(theme), (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px calc(-1 * 2px) ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"), "var(--ds-space-050, 4px)");
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidMount", function () {
       _this.setContentWidth();

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

@@ -14,7 +14,9 @@ function ResizerNext(props) {
   var resizable = _react.default.useRef(null);
   var handleResize = props.handleResize,
     handleResizeStart = props.handleResizeStart,
-    handleResizeStop = props.handleResizeStop;
+    handleResizeStop = props.handleResizeStop,
+    _props$handlerHeightS = props.handlerHeightSize,
+    handlerHeightSize = _props$handlerHeightS === void 0 ? 'medium' : _props$handlerHeightS;
   var onResizeStart = _react.default.useCallback(function (event) {
     // prevent creating a drag event on Firefox
     event.preventDefault();
@@ -57,6 +59,11 @@ function ResizerNext(props) {
       right: _resizer.resizerHandleRightClassName
     };
   }
+
+  // add handler height size classname to handleClasses
+  Object.keys(handles).forEach(function (key) {
+    handles[key] = (0, _classnames.default)(handles[key], _resizer.resizerHandlerClassName[handlerHeightSize]);
+  });
   var innerPadding = props.innerPadding || _resizer.resizerHandlePadding;
   var handleStyles = {
     left: {

package/dist/cjs/ui/index.js

@@ -17,6 +17,30 @@ Object.defineProperty(exports, "Caption", {
     return _Caption.default;
   }
 });
+Object.defineProperty(exports, "ContextPanel", {
+  enumerable: true,
+  get: function get() {
+    return _context.ContextPanel;
+  }
+});
+Object.defineProperty(exports, "ContextPanelConsumer", {
+  enumerable: true,
+  get: function get() {
+    return _context.ContextPanelConsumer;
+  }
+});
+Object.defineProperty(exports, "ContextPanelProvider", {
+  enumerable: true,
+  get: function get() {
+    return _context.ContextPanelProvider;
+  }
+});
+Object.defineProperty(exports, "ContextPanelWidthProvider", {
+  enumerable: true,
+  get: function get() {
+    return _context.ContextPanelWidthProvider;
+  }
+});
 Object.defineProperty(exports, "DEFAULT_IMAGE_HEIGHT", {
   enumerable: true,
   get: function get() {
@@ -295,5 +319,6 @@ var _clearNextSiblingMarginTop = require("./clear-next-sibling-margin-top");
 var _IntlErrorBoundary = require("./IntlErrorBoundary");
 var _IntlProviderIfMissingWrapper = _interopRequireDefault(require("./IntlProviderIfMissingWrapper"));
 var _Button = _interopRequireDefault(require("./FloatingToolbar/Button"));
+var _context = require("./ContextPanel/context");
 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/utils/grid.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridTypeForLayout = void 0;
+var gridTypeForLayout = function gridTypeForLayout(layout) {
+  return layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';
+};
+exports.gridTypeForLayout = gridTypeForLayout;

package/dist/cjs/utils/index.js

@@ -346,6 +346,12 @@ Object.defineProperty(exports, "getUnsupportedContentLevelData", {
     return _analytics.getUnsupportedContentLevelData;
   }
 });
+Object.defineProperty(exports, "gridTypeForLayout", {
+  enumerable: true,
+  get: function get() {
+    return _grid.gridTypeForLayout;
+  }
+});
 Object.defineProperty(exports, "hasMergedCell", {
   enumerable: true,
   get: function get() {
@@ -769,6 +775,7 @@ var _outdatedBrowsers = require("./outdated-browsers");
 var _referentiality = require("./referentiality");
 var _list = require("./list");
 var _hyperlink = require("./hyperlink");
+var _grid = require("./grid");
 // prosemirror-history does not export its plugin key
 var pmHistoryPluginKey = 'history$';
 exports.pmHistoryPluginKey = pmHistoryPluginKey;

package/dist/cjs/utils/validator.js

@@ -670,7 +670,8 @@ var getValidNode = function getValidNode(originalNode) {
                 type: type,
                 content: content,
                 attrs: _objectSpread(_objectSpread({}, attrs), {}, {
-                  localId: (attrs === null || attrs === void 0 ? void 0 : attrs.localId) || (0, _adfSchema.generateUuid)()
+                  localId: (attrs === null || attrs === void 0 ? void 0 : attrs.localId) || (0, _adfSchema.generateUuid)(),
+                  width: (attrs === null || attrs === void 0 ? void 0 : attrs.width) || null
                 })
               };
             }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.1.1",
+	"version": "74.2.0",
 	"sideEffects": false
 }