@atlaskit/editor-common 78.11.4 → 78.11.5

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

@@ -22,70 +22,41 @@ const shadowWidth = 8;
  *      background-attachment: local, local, scroll, scroll;
  */
 
-const shadowSharedStyle = css`
-  &
-    .${shadowClassNames.RIGHT_SHADOW}::before,
-    .${shadowClassNames.RIGHT_SHADOW}::after,
-    .${shadowClassNames.LEFT_SHADOW}::before,
-    .${shadowClassNames.LEFT_SHADOW}::after {
-    display: none;
-    position: absolute;
-    pointer-events: none;
-    z-index: ${akEditorShadowZIndex};
-    width: ${shadowWidth}px;
-    content: '';
-    /* Scrollbar is outside the content in IE, inset in other browsers. */
-    height: calc(100%);
+const shadowSharedStyle = css({
+  [`& .${shadowClassNames.RIGHT_SHADOW}::before, .${shadowClassNames.RIGHT_SHADOW}::after, .${shadowClassNames.LEFT_SHADOW}::before, .${shadowClassNames.LEFT_SHADOW}::after`]: {
+    display: 'none',
+    position: 'absolute',
+    pointerEvents: 'none',
+    zIndex: akEditorShadowZIndex,
+    width: `${shadowWidth}px`,
+    content: "''",
+    height: 'calc(100%)'
+  },
+  [`& .${shadowClassNames.RIGHT_SHADOW}, .${shadowClassNames.LEFT_SHADOW}`]: {
+    position: 'relative'
+  },
+  [`& .${shadowClassNames.LEFT_SHADOW}::before`]: {
+    background: `linear-gradient( to left, transparent 0, ${`var(--ds-shadow-overflow-spread, ${N40A})`} ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100}% ), linear-gradient( to right, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
+    top: '0px',
+    left: 0,
+    display: 'block'
+  },
+  [`& .${shadowClassNames.RIGHT_SHADOW}::after`]: {
+    background: `linear-gradient( to right, transparent 0, ${`var(--ds-shadow-overflow-spread, ${N40A})`} ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100}% ), linear-gradient( to left, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+    left: `calc(100% - ${shadowWidth}px)`,
+    top: '0px',
+    display: 'block'
+  },
+  [`& .${shadowObserverClassNames.SENTINEL_LEFT}`]: {
+    height: '100%',
+    width: '0px',
+    minWidth: '0px'
+  },
+  [`& .${shadowObserverClassNames.SENTINEL_RIGHT}`]: {
+    height: '100%',
+    width: '0px',
+    minWidth: '0px'
   }
-
-  & .${shadowClassNames.RIGHT_SHADOW}, .${shadowClassNames.LEFT_SHADOW} {
-    position: relative;
-  }
-
-  & .${shadowClassNames.LEFT_SHADOW}::before {
-    background: linear-gradient(
-        to left,
-        transparent 0,
-        ${`var(--ds-shadow-overflow-spread, ${N40A})`}
-          ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100}%
-      ),
-      linear-gradient(
-        to right,
-        ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px,
-        transparent 1px
-      );
-    top: 0px;
-    left: 0;
-    display: block;
-  }
-
-  & .${shadowClassNames.RIGHT_SHADOW}::after {
-    background: linear-gradient(
-        to right,
-        transparent 0,
-        ${`var(--ds-shadow-overflow-spread, ${N40A})`}
-          ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100}%
-      ),
-      linear-gradient(
-        to left,
-        ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px,
-        transparent 1px
-      );
-    left: calc(100% - ${shadowWidth}px);
-    top: 0px;
-    display: block;
-  }
-
-  & .${shadowObserverClassNames.SENTINEL_LEFT} {
-    height: 100%;
-    width: 0px;
-    min-width: 0px;
-  }
-
-  & .${shadowObserverClassNames.SENTINEL_RIGHT} {
-    height: 100%;
-    width: 0px;
-    min-width: 0px;
-  }
-`;
+});
 export { shadowSharedStyle };

package/dist/es2019/ui/Announcer/announcer.js

@@ -9,8 +9,10 @@ import React, { forwardRef, memo, useEffect, useState } from 'react';
 
 // Note: Text won't be announced if the text message doesn't change after the render.
 // For using a forced announcement in this case, set the 'key' attribute - key={Date.now()}
+
 // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
 // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
+
 let timer;
 const Announcer = /*#__PURE__*/forwardRef(({
   ariaAtomic = 'true',

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

@@ -15,6 +15,7 @@ import React from 'react';
 // 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,

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "78.11.4";
+const packageVersion = "78.11.5";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -7,7 +7,7 @@ import { defineMessages } from 'react-intl-next';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { B300, N200, N200A, N300A, N30A, N40A, N50A, N90 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { fontSize, gridSize } from '@atlaskit/theme/constants';
+import { fontSize } from '@atlaskit/theme/constants';
 export const messages = defineMessages({
   collapseNode: {
     id: 'fabric.editor.collapseNode',
@@ -121,9 +121,8 @@ const containerStyles = styleProps => {
 const contentStyles = styleProps => () => css`
     padding-top: ${styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)"};
     padding-right: ${"var(--ds-space-100, 8px)"};
-    // TODO: Migrate away from gridSize
-    // Recommendation: Replace gridSize with 8 if important to highlight 8*4 - 8/2, or directly replace with 28px
-    padding-left: ${gridSize() * 4 - gridSize() / 2}px;
+    padding-left: ${"var(--ds-space-300, 24px)"};
+    margin-left: ${"var(--ds-space-050, 4px)"};
     display: flow-root;
 
     // The follow rules inside @supports block are added as a part of ED-8893

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

@@ -128,7 +128,6 @@ export default class Layer extends Component {
           boundariesElement: 'viewport',
           padding: 0 // leave 0 pixels between popper and the boundariesElement
         },
-
         preventOverflow: {
           enabled: false,
           escapeWithReference: true

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

@@ -2,8 +2,6 @@
 
 import { css } from '@emotion/react';
 import { N30, N40 } from '@atlaskit/theme/colors';
-import { BODIED_EXT_MBE_MARGIN_TOP } from '../../styles';
-
 // Wraps the navigation bar and extensionFrames
 const mbeExtensionContainer = css({
   background: 'transparent !important',
@@ -62,7 +60,7 @@ const extensionFrameContent = css({
     paddingRight: `${"var(--ds-space-150, 12px)"} !important`
   },
   '.bodiedExtensionView-content-wrap': {
-    marginTop: `${BODIED_EXT_MBE_MARGIN_TOP}px !important`
+    marginTop: `${"var(--ds-space-150, 12px)"} !important`
   },
   '.extensionView-content-wrap': {
     marginTop: `${"var(--ds-space-100, 8px)"} !important`

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

@@ -19,9 +19,9 @@ const blockNodeStyle = css`
   cursor: default;
   display: flex;
   font-size: ${relativeFontSizeToBase16(fontSize())};
-  margin: 10px 0;
+  margin: ${"var(--ds-space-100, 8px)"} 0;
   min-height: 24px;
-  padding: 10px;
+  padding: ${"var(--ds-space-150, 12px)"};
   text-align: center;
   vertical-align: text-bottom;
   min-width: 120px;

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

@@ -11,21 +11,21 @@ import { ACTION_SUBJECT_ID } from '../../analytics';
 import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
-const inlineNodeStyle = css`
-  align-items: center;
-  background: ${`var(--ds-background-disabled, ${N30})`};
-  border: 1px dashed ${`var(--ds-border-disabled, ${N50})`};
-  border-radius: ${borderRadius()}px;
-  box-sizing: border-box;
-  cursor: default;
-  display: inline-flex;
-  font-size: ${relativeFontSizeToBase16(fontSize())};
-  margin: 0 ${"var(--ds-space-025, 2px)"};
-  min-height: 24px;
-  padding: 0 10px;
-  vertical-align: middle;
-  white-space: nowrap;
-`;
+const inlineNodeStyle = css({
+  alignItems: 'center',
+  background: `var(--ds-background-disabled, ${N30})`,
+  border: `1px dashed ${`var(--ds-border-disabled, ${N50})`}`,
+  borderRadius: `${borderRadius()}px`,
+  boxSizing: 'border-box',
+  cursor: 'default',
+  display: 'inline-flex',
+  fontSize: relativeFontSizeToBase16(fontSize()),
+  margin: `0 ${"var(--ds-space-025, 2px)"}`,
+  minHeight: '24px',
+  padding: `0 ${"var(--ds-space-100, 8px)"}`,
+  verticalAlign: 'middle',
+  whiteSpace: 'nowrap'
+});
 const UnsupportedInlineNode = ({
   node,
   intl,

package/dist/es2019/ui-color/ColorPalette/Color/styles.js

@@ -1,34 +1,30 @@
 import { css } from '@emotion/react';
 import { N0, N50, N900 } from '@atlaskit/theme/colors';
-
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-export const buttonStyle = css`
-  height: 26px;
-  width: 26px;
-  background: ${N900};
-  padding: 0;
-  border-radius: 4px;
-  border: 1px solid ${N0};
-  cursor: pointer;
-  display: block;
-`;
+export const buttonStyle = css({
+  height: '26px',
+  width: '26px',
+  background: `var(--ds-background-neutral, ${N900})`,
+  padding: 0,
+  borderRadius: '4px',
+  border: `1px solid ${`var(--ds-border-inverse, ${N0})`}`,
+  cursor: 'pointer',
+  display: 'block'
+});
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-export const buttonWrapperStyle = css`
-  border: 1px solid transparent;
-  margin: 1px;
-  font-size: 0;
-  display: flex;
-  align-items: center;
-  padding: 1px;
-  border-radius: 6px;
-  &:focus-within,
-  &:focus,
-  &:hover {
-    border-color: ${N50} !important;
+export const buttonWrapperStyle = css({
+  border: '1px solid transparent',
+  fontSize: 0,
+  display: 'flex',
+  alignItems: 'center',
+  padding: "var(--ds-space-025, 2px)",
+  borderRadius: '6px',
+  '&:focus-within, &:focus, &:hover': {
+    borderColor: `${`var(--ds-border, ${N50})`} !important`
   }
-`;
+});
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */

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

@@ -14,22 +14,22 @@ import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 
 // helps adjusts position of popup
-const colorPickerButtonWrapper = css`
-  position: relative;
-`;
-const colorPickerExpandContainer = css`
-  margin: 0px ${"var(--ds-space-negative-050, -4px)"};
-`;
+const colorPickerButtonWrapper = css({
+  position: 'relative'
+});
+const colorPickerExpandContainer = css({
+  margin: `0px ${"var(--ds-space-negative-050, -4px)"}`
+});
 
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-const colorPickerWrapper = () => css`
-  border-radius: ${"var(--ds-border-radius, 3px)"};
-  background-color: ${`var(--ds-surface-overlay, ${N0})`};
-  box-shadow: 0 4px 8px -2px ${N60A}, 0 0 1px ${N60A};
-  padding: ${"var(--ds-space-100, 8px)"} 0px;
-`;
+const colorPickerWrapper = () => css({
+  borderRadius: "var(--ds-border-radius, 3px)",
+  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
+  boxShadow: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N60A}, 0 0 1px ${N60A}`})`,
+  padding: `${"var(--ds-space-100, 8px)"} 0px`
+});
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 const ColorPaletteWithListeners = withOuterListeners(ColorPalette);
@@ -151,29 +151,28 @@ const ColorPickerButton = props => {
   const currentColor = props.currentColor && props.hexToPaletteColor ? props.hexToPaletteColor(props.currentColor) : props.currentColor;
   const buttonStyle = () => {
     var _props$size, _props$size2, _props$size3;
-    return css`
-    padding: ${"var(--ds-space-075, 6px)"} 10px;
-    background-color: ${"var(--ds-background-neutral-subtle, transparent)"};
-    ${
-    /* If custom props size height, override the button base height property */!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) && `height: inherit;`}
-    &:before {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      align-self: center;
-      content: '';
-      border: 1px solid ${DEFAULT_BORDER_COLOR};
-      border-radius: ${"var(--ds-border-radius, 3px)"};
-      background-color: ${currentColor || 'transparent'};
-      width: ${((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px'};
-      height: ${((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px'};
-      padding: 0;
-      margin: 0px ${"var(--ds-space-025, 2px)"};
-    }
-    &:hover {
-      background: ${`var(--ds-background-neutral-subtle-hovered, ${N30A})`};
-    }
-  `;
+    return css({
+      padding: `${"var(--ds-space-075, 6px)"} 10px`,
+      backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
+      height: `${!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) ? 'inherit' : ''}`,
+      '&:before': {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        alignSelf: 'center',
+        content: "''",
+        border: `1px solid ${DEFAULT_BORDER_COLOR}`,
+        borderRadius: "var(--ds-border-radius, 3px)",
+        backgroundColor: currentColor || 'transparent',
+        width: ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px',
+        height: ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px',
+        padding: 0,
+        margin: `0px ${"var(--ds-space-025, 2px)"}`
+      },
+      '&:hover': {
+        background: `var(--ds-background-neutral-subtle-hovered, ${N30A})`
+      }
+    });
   };
   return jsx("div", {
     css: colorPickerButtonWrapper

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

@@ -69,7 +69,6 @@ const buttonStyles = (isActive, submenuActive) => {
     `; // The default focus-visible style is removed to ensure consistency across browsers
   }
 };
-
 const DropListWithOutsideListeners = withReactEditorViewOuterListeners(DropList);
 
 /**

package/dist/es2019/utils/dom.js

@@ -94,6 +94,7 @@ export function closestElement(node, s) {
  */
 // At time of writting prettier would strip the extend here.
 // prettier-ignore
+
 export function parsePx(pxStr) {
   if (!pxStr.endsWith('px')) {
     return undefined;

package/dist/es2019/with-plugin-state/index.js

@@ -11,6 +11,7 @@ const DEFAULT_SLOW_THRESHOLD = 4;
 // It was using some private types from
 // - EditorAction: packages/editor/editor-core/src/actions/index.ts
 // - EditorSharedConfig: packages/editor/editor-core/src/labs/next/internal/context/shared-config.tsx
+
 /**
  * @private
  * @deprecated

package/dist/esm/__tests_external__/page-objects/Editor.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { InProductTestPageObject } from '@atlaskit/in-product-testing';
 import { RendererPageObject } from './Renderer';
 export var EditorPageObject = /*#__PURE__*/function (_InProductTestPageObj) {

package/dist/esm/__tests_external__/page-objects/EditorSmartLink.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { InProductTestPageObject } from '@atlaskit/in-product-testing';
 import { BlockCardPageObject, EmbedCardPageObject, InlineCardPageObject } from '@atlaskit/smart-card/in-product';
 export var EditorSmartLinkPageObject = /*#__PURE__*/function (_InProductTestPageObj) {

package/dist/esm/__tests_external__/page-objects/Renderer.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { InProductTestPageObject } from '@atlaskit/in-product-testing';
 export var RendererPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
   _inherits(RendererPageObject, _InProductTestPageObj);

package/dist/esm/analytics/types/enums.js

@@ -164,6 +164,7 @@ export var INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
   INPUT_METHOD["TYPEAHEAD"] = "typeAhead";
   INPUT_METHOD["DATASOURCE"] = "datasource_config";
   INPUT_METHOD["TABLE_CONTEXT_MENU"] = "tableContextMenu";
+  INPUT_METHOD["MOUSE"] = "mouse";
   return INPUT_METHOD;
 }({});
 export var TRIGGER_METHOD = /*#__PURE__*/function (TRIGGER_METHOD) {

package/dist/esm/analytics/types/table-events.js

@@ -23,6 +23,7 @@ export var TABLE_ACTION = /*#__PURE__*/function (TABLE_ACTION) {
   TABLE_ACTION["FIXED"] = "fixed";
   TABLE_ACTION["RESIZED"] = "resized";
   TABLE_ACTION["RESIZE_PERF_SAMPLING"] = "resizePerfSampling";
+  TABLE_ACTION["COLUMN_RESIZED"] = "columnResized";
   TABLE_ACTION["OVERFLOW_CHANGED"] = "overflowChanged";
   TABLE_ACTION["INITIAL_OVERFLOW_CAPTURED"] = "initialOverflowCaptured";
   TABLE_ACTION["MOVED_ROW"] = "movedRow";

package/dist/esm/annotation/index.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { EventEmitter } from 'events';
 export var AnnotationUpdateEmitter = /*#__PURE__*/function (_EventEmitter) {
   _inherits(AnnotationUpdateEmitter, _EventEmitter);

package/dist/esm/card/MediaAndEmbedsToolbar/index.js

@@ -20,6 +20,7 @@ import { alignAttributes, isInLayoutColumn, nonWrappedLayouts } from '../../util
 
 // Workaround as we don't want to import this package into `editor-common`
 // We'll get type errors if this gets out of sync with `editor-plugin-width`.
+
 export var alignmentIcons = [{
   id: 'editor.media.alignLeft',
   value: 'align-start',

package/dist/esm/collab/index.js

@@ -7,8 +7,10 @@ import * as themeColors from '@atlaskit/theme/colors';
 
 // Format of the payload returned by the callback function passed to the collab provider
 // that gets called when syncing with the back-end service fails.
+
 // Format of the document and its metadata returned from the collab provider
 // after editing and for draft sync
+
 // Provider Errors
 // Emitted errors
 export var PROVIDER_ERROR_CODE = /*#__PURE__*/function (PROVIDER_ERROR_CODE) {
@@ -138,7 +140,10 @@ var telepointerColorStyle = function telepointerColorStyle(color, index) {
   return "\n  &.color-".concat(index, " {\n    background-color: ").concat(color.selection, ";\n    &::after {\n      background-color: ").concat(color.solid, ";\n      color: ", "var(--ds-text-inverse, #fff)", ";\n      border-color: ").concat(color.solid, ";\n    }\n  }\n");
 };
 export var TELEPOINTER_DIM_CLASS = 'telepointer-dim';
-export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .telepointer {\n    position: relative;\n    transition: opacity 200ms;\n\n    &.telepointer-selection {\n      line-height: 1.2;\n      pointer-events: none;\n      user-select: none;\n    }\n\n    &.telepointer-selection-badge::after {\n      content: attr(data-initial);\n      position: absolute;\n      display: block;\n      top: -14px;\n      font-size: ", ";\n      padding: ", ";\n      color: ", ";\n      left: -1px;\n      border-radius: 2px 2px 2px 0;\n      line-height: initial;\n    }\n\n    &.", " {\n      opacity: 0.2;\n    }\n\n    ", ";\n  }\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
+
+// Disable top: -14px since it is necessary to align to cursor
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .telepointer {\n    position: relative;\n    transition: opacity 200ms;\n\n    &.telepointer-selection {\n      line-height: 1.2;\n      pointer-events: none;\n      user-select: none;\n    }\n\n    &.telepointer-selection-badge::after {\n      content: attr(data-initial);\n      position: absolute;\n      display: block;\n      top: -14px;\n      font-size: ", ";\n      padding: ", ";\n      color: ", ";\n      left: 0px;\n      border-radius: 2px 2px 2px 0;\n      line-height: initial;\n    }\n\n    &.", " {\n      opacity: 0.2;\n    }\n\n    ", ";\n  }\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
   return telepointerColorStyle(color, index);
 }));
 var tintKey = 'collab:isDirtyTransaction';

package/dist/esm/element-browser/ElementBrowser.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent } from 'react';
 import StatelessElementBrowser from './components/StatelessElementBrowser';
 var ElementBrowser = /*#__PURE__*/function (_PureComponent) {