@atlaskit/editor-common 74.1.1 → 74.2.0

package/dist/es2019/i18n/en_ZZ.js

@@ -9,7 +9,6 @@
 export 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⁠⁠⁡؜⁡؜⁡؜؜⁣⁤',
@@ -38,6 +37,8 @@ export 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‍‌⁠‌⁡‌⁡؜‌⁡‍⁠‍⁣⁤',
@@ -49,8 +50,6 @@ export 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⁠⁡⁡‌‍‌⁠‌‌⁡⁡⁣⁤',
@@ -78,20 +77,12 @@ export 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‍⁠⁡‌⁡؜؜‌⁡⁡⁠⁣⁤',
@@ -104,12 +95,6 @@ export 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/es2019/i18n/ja.js

@@ -88,16 +88,16 @@ export 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': '濃い緑',
@@ -120,7 +120,7 @@ export 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/es2019/i18n/nl.js

@@ -81,23 +81,23 @@ export 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',
@@ -120,7 +120,7 @@ export 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/es2019/i18n/pt_BR.js

@@ -81,14 +81,14 @@ export 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/es2019/i18n/uk.js

@@ -81,23 +81,23 @@ export 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/es2019/i18n/zh.js

@@ -81,14 +81,14 @@ export 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': '亮绿',
@@ -120,7 +120,7 @@ export 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/es2019/index.js

@@ -1,2 +1,2 @@
-// DO NOT EMPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS.
+// DO NOT EXPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS.
 export {};

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

package/dist/es2019/styles/index.js

@@ -22,4 +22,5 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles } from './shared/resizer';
+export { resizerStyles } from './shared/resizer';
+export { gridStyles, GRID_GUTTER } from './shared/grid';

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

@@ -0,0 +1,36 @@
+import { css } from '@emotion/react';
+import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
+import { B200, N30A } from '@atlaskit/theme/colors';
+export const GRID_GUTTER = 12;
+export const gridStyles = css`
+  .gridParent {
+    width: calc(100% + ${GRID_GUTTER * 2}px);
+    margin-left: -${GRID_GUTTER}px;
+    margin-right: -${GRID_GUTTER}px;
+    transform: scale(1);
+    z-index: ${akEditorGridLineZIndex};
+  }
+
+  .gridContainer {
+    position: fixed;
+    height: 100vh;
+    width: 100%;
+    pointer-events: none;
+  }
+
+  // TODO: https://product-fabric.atlassian.net/browse/DSP-4352
+  .gridLine {
+    border-left: 1px solid ${`var(--ds-border, ${N30A})`};
+    display: inline-block;
+    box-sizing: border-box;
+    height: 100%;
+    margin-left: -1px;
+
+    transition: border-color 0.15s linear;
+    z-index: 0;
+  }
+
+  .highlight {
+    border-left: 1px solid ${`var(--ds-border-focused, ${B200})`};
+  }
+`;

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

@@ -13,6 +13,14 @@ export const resizerHandleLeftClassName = 'resizer-handle-left';
 const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export const resizerHandlePadding = 13;
 export const resizerHandleZIndex = 99;
+export const resizerHandlerSmallClassName = 'resizer-handler-small';
+export const resizerHandlerMediumClassName = 'resizer-handler-medium';
+export const resizerHandlerLargeClassName = 'resizer-handler-large';
+export const resizerHandlerClassName = {
+  small: resizerHandlerSmallClassName,
+  medium: resizerHandlerMediumClassName,
+  large: resizerHandlerLargeClassName
+};
 export const resizerStyles = css`
   .${resizerItemClassName} {
     background: ${`var(--ds-border-focused, ${B200})`};
@@ -69,4 +77,19 @@ export const resizerStyles = css`
     .${resizerHandleLeftClassName}::after {
     background: ${`var(--ds-border-focused, ${B200})`};
   }
+
+  .${resizerHandleRightClassName}.${resizerHandlerClassName.medium}::after,
+    .${resizerHandleLeftClassName}.${resizerHandlerClassName.medium}::after {
+    height: 64px;
+  }
+
+  .${resizerHandleRightClassName}.${resizerHandlerClassName.small}::after,
+    .${resizerHandleLeftClassName}.${resizerHandlerClassName.small}::after {
+    height: 43px;
+  }
+
+  .${resizerHandleRightClassName}.${resizerHandlerClassName.large}::after,
+    .${resizerHandleLeftClassName}.${resizerHandlerClassName.large}::after {
+    height: 96px;
+  }
 `;

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

@@ -0,0 +1,65 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+
+// 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
+export const ContextPanel = /*#__PURE__*/React.createContext({
+  width: 0,
+  positionedOverEditor: false,
+  broadcastWidth: () => {},
+  broadcastPosition: () => {}
+});
+export class ContextPanelWidthProvider extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "state", {
+      width: 0,
+      positionedOverEditor: false
+    });
+    _defineProperty(this, "broadcastSidebarWidth", width => {
+      if (width !== this.state.width) {
+        this.setState({
+          width
+        });
+      }
+    });
+    _defineProperty(this, "broadcastPosition", positionedOverEditor => {
+      if (positionedOverEditor !== this.state.positionedOverEditor) {
+        this.setState({
+          positionedOverEditor
+        });
+      }
+    });
+  }
+  render() {
+    const {
+      width,
+      positionedOverEditor
+    } = this.state;
+    return /*#__PURE__*/React.createElement(Provider, {
+      value: {
+        width,
+        positionedOverEditor,
+        broadcastWidth: this.broadcastSidebarWidth,
+        broadcastPosition: this.broadcastPosition
+      }
+    }, this.props.children);
+  }
+}
+const {
+  Provider,
+  Consumer
+} = ContextPanel;
+export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

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

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.1.1";
+const packageVersion = "74.2.0";
 const halfFocusRing = 1;
 // TODO: Migrate away from gridSize
 // Recommendation: Replace gridSize with token('space.100', '8px') after verfiying Popper can accept this
@@ -39,9 +39,7 @@ class DropList extends Component {
         dark: `var(--ds-surface-overlay, ${DN50})`
       })(theme)};
       border-radius: ${borderRadius()}px;
-      box-shadow: 0 ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}
-          calc(-1 * ${"var(--ds-space-025, 2px)"}) ${N50A},
-        0 0 1px ${N60A};
+      box-shadow: ${`var(--ds-shadow-overlay, ${`0 4px 8px calc(-1 * 2px) ${N50A}, 0 0 1px ${N60A}`})`};
       box-sizing: border-box;
       overflow: auto;
       padding: ${"var(--ds-space-050, 4px)"} 0;

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

@@ -1,14 +1,15 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleZIndex, resizerItemClassName } from '../../styles/shared/resizer';
+import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleZIndex, resizerItemClassName } from '../../styles/shared/resizer';
 import { handleSides } from './utils';
 export default function ResizerNext(props) {
   const resizable = React.useRef(null);
   const {
     handleResize,
     handleResizeStart,
-    handleResizeStop
+    handleResizeStop,
+    handlerHeightSize = 'medium'
   } = props;
   const onResizeStart = React.useCallback(event => {
     // prevent creating a drag event on Firefox
@@ -52,6 +53,11 @@ export default function ResizerNext(props) {
       right: resizerHandleRightClassName
     };
   }
+
+  // add handler height size classname to handleClasses
+  Object.keys(handles).forEach(key => {
+    handles[key] = classnames(handles[key], resizerHandlerClassName[handlerHeightSize]);
+  });
   const innerPadding = props.innerPadding || resizerHandlePadding;
   const handleStyles = {
     left: {

package/dist/es2019/ui/index.js

@@ -17,4 +17,5 @@ export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
 export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';
 export { default as IntlProviderIfMissingWrapper } from './IntlProviderIfMissingWrapper';
-export { default as FloatingToolbarButton } from './FloatingToolbar/Button';
+export { default as FloatingToolbarButton } from './FloatingToolbar/Button';
+export { ContextPanelProvider, ContextPanelWidthProvider, ContextPanelConsumer, ContextPanel } from './ContextPanel/context';

package/dist/es2019/utils/grid.js

@@ -0,0 +1 @@
+export const gridTypeForLayout = layout => layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';

package/dist/es2019/utils/index.js

@@ -38,4 +38,5 @@ export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, is
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent } from './hyperlink';
 
 // prosemirror-history does not export its plugin key
-export const pmHistoryPluginKey = 'history$';
+export const pmHistoryPluginKey = 'history$';
+export { gridTypeForLayout } from './grid';

package/dist/es2019/utils/validator.js

@@ -651,7 +651,8 @@ export const getValidNode = (originalNode, schema = defaultSchema, adfStage = 'f
                 content,
                 attrs: {
                   ...attrs,
-                  localId: (attrs === null || attrs === void 0 ? void 0 : attrs.localId) || uuid()
+                  localId: (attrs === null || attrs === void 0 ? void 0 : attrs.localId) || uuid(),
+                  width: (attrs === null || attrs === void 0 ? void 0 : attrs.width) || null
                 }
               };
             }

package/dist/es2019/version.json

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

package/dist/esm/i18n/en_ZZ.js

@@ -9,7 +9,6 @@
 export 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⁠⁠⁡؜⁡؜⁡؜؜⁣⁤',
@@ -38,6 +37,8 @@ export 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‍‌⁠‌⁡‌⁡؜‌⁡‍⁠‍⁣⁤',
@@ -49,8 +50,6 @@ export 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⁠⁡⁡‌‍‌⁠‌‌⁡⁡⁣⁤',
@@ -78,20 +77,12 @@ export 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‍⁠⁡‌⁡؜؜‌⁡⁡⁠⁣⁤',
@@ -104,12 +95,6 @@ export 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/esm/i18n/ja.js

@@ -88,16 +88,16 @@ export 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': '濃い緑',
@@ -120,7 +120,7 @@ export 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/esm/i18n/nl.js

@@ -81,23 +81,23 @@ export 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',
@@ -120,7 +120,7 @@ export 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',