@atlaskit/editor-common 74.23.1 → 74.24.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 74.24.0
+
+### Minor Changes
+
+- [`22a59977bb3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22a59977bb3) - [ux] Updated ResizerNext to allow handle style overrides. Updated the table resizer to space and align the resizer handle according the the design specifications
+
 ## 74.23.1
 
 ### Patch Changes

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

package/dist/cjs/resizer/Resizer.js

@@ -14,9 +14,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames3 = _interopRequireDefault(require("classnames"));
 var _reResizable = require("re-resizable");
 var _resizer = require("../styles/shared/resizer");
-var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleHeightSize", "handleAlignmentMethod", "resizeRatio", "innerPadding"];
+var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleHeightSize", "handleAlignmentMethod", "handlePositioning", "handleStyles", "resizeRatio", "innerPadding"];
 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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function ResizerNext(props) {
   var _classnames, _classnames2;
   var _useState = (0, _react.useState)(false),
@@ -35,10 +37,12 @@ function ResizerNext(props) {
     handleHeightSize = _props$handleHeightSi === void 0 ? 'medium' : _props$handleHeightSi,
     _props$handleAlignmen = props.handleAlignmentMethod,
     handleAlignmentMethod = _props$handleAlignmen === void 0 ? 'center' : _props$handleAlignmen,
+    _props$handlePosition = props.handlePositioning,
+    handlePositioning = _props$handlePosition === void 0 ? 'overlap' : _props$handlePosition,
+    handleStyles = props.handleStyles,
     _props$resizeRatio = props.resizeRatio,
     resizeRatio = _props$resizeRatio === void 0 ? 1 : _props$resizeRatio,
-    _props$innerPadding = props.innerPadding,
-    innerPadding = _props$innerPadding === void 0 ? _resizer.resizerHandlePadding : _props$innerPadding,
+    innerPadding = props.innerPadding,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var onResizeStart = _react.default.useCallback(function (event) {
     // prevent creating a drag event on Firefox
@@ -77,22 +81,24 @@ function ResizerNext(props) {
     left: (0, _classnames3.default)(_resizer.resizerHandlerClassName[handleHeightSize], (_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(handleClassName, "-left"), !!handleClassName), (0, _defineProperty2.default)(_classnames, _resizer.resizerHandleLeftClassName, !handleClassName), (0, _defineProperty2.default)(_classnames, _resizer.resizerHandleStickyClassName, handleAlignmentMethod === 'sticky'), _classnames)),
     right: (0, _classnames3.default)(_resizer.resizerHandlerClassName[handleHeightSize], (_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, "".concat(handleClassName, "-right"), !!handleClassName), (0, _defineProperty2.default)(_classnames2, _resizer.resizerHandleRightClassName, !handleClassName), (0, _defineProperty2.default)(_classnames2, _resizer.resizerHandleStickyClassName, handleAlignmentMethod === 'sticky'), _classnames2))
   };
-  var marginTop = Number.isFinite(props === null || props === void 0 ? void 0 : props.handleMarginTop) ? "".concat(props.handleMarginTop, "px") : "unset";
-  var handleStyles = {
-    left: {
-      width: '24px',
-      left: "-".concat(innerPadding, "px"),
-      marginTop: marginTop,
-      zIndex: _resizer.resizerHandleZIndex,
-      pointerEvents: 'auto'
-    },
-    right: {
-      width: '24px',
-      marginTop: marginTop,
-      right: "-".concat(innerPadding, "px"),
-      zIndex: _resizer.resizerHandleZIndex,
-      pointerEvents: 'auto'
-    }
+  var baseHandleStyles = {
+    width: handlePositioning === 'adjacent' ? "var(--ds-space-250, 20px)" : "var(--ds-space-300, 24px)",
+    // eslint-disable-next-line
+    marginTop: Number.isFinite(props === null || props === void 0 ? void 0 : props.handleMarginTop) ? "".concat(props.handleMarginTop, "px") : undefined,
+    zIndex: _resizer.resizerHandleZIndex,
+    pointerEvents: 'auto',
+    alignItems: handlePositioning === 'adjacent' ? 'center' : undefined
+  };
+  var offset = Number.isFinite(innerPadding) ? "-".concat(innerPadding, "px") : handlePositioning === 'adjacent' ? "calc(".concat(baseHandleStyles.width, " * -1)") : "calc(".concat(baseHandleStyles.width, " * -0.5)");
+  var nextHandleStyles = {
+    left: _objectSpread(_objectSpread({}, baseHandleStyles), {}, {
+      // eslint-disable-next-line
+      left: offset
+    }, handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.left),
+    right: _objectSpread(_objectSpread({}, baseHandleStyles), {}, {
+      // eslint-disable-next-line
+      right: offset
+    }, handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.right)
   };
   var resizerClassName = (0, _classnames3.default)(className, _resizer.resizerItemClassName, {
     'is-resizing': isResizing
@@ -106,7 +112,7 @@ function ResizerNext(props) {
     },
     className: resizerClassName,
     handleClasses: handles,
-    handleStyles: handleStyles,
+    handleStyles: nextHandleStyles,
     onResizeStart: onResizeStart,
     onResize: onResize,
     onResizeStop: onResizeStop,

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.resizerHandlerSmallClassName = exports.resizerHandlerMediumClassName = exports.resizerHandlerLargeClassName = exports.resizerHandlerClassName = exports.resizerHandleZIndex = exports.resizerHandleStickyClassName = exports.resizerHandleRightClassName = exports.resizerHandlePadding = exports.resizerHandleLeftClassName = void 0;
+exports.resizerStyles = exports.resizerItemClassName = exports.resizerHandlerSmallClassName = exports.resizerHandlerMediumClassName = exports.resizerHandlerLargeClassName = exports.resizerHandlerClassName = exports.resizerHandleZIndex = exports.resizerHandleStickyClassName = exports.resizerHandleRightClassName = exports.resizerHandleLeftClassName = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
@@ -25,8 +25,6 @@ var resizerHandleStickyClassName = 'resizer-handle-sticky';
 // akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
 exports.resizerHandleStickyClassName = resizerHandleStickyClassName;
 var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
-var resizerHandlePadding = 13;
-exports.resizerHandlePadding = resizerHandlePadding;
 var resizerHandleZIndex = 99;
 exports.resizerHandleZIndex = resizerHandleZIndex;
 var resizerHandlerSmallClassName = 'resizer-handler-small';

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.23.1";
+var packageVersion = "0.0.0-development";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/version.json

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

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

package/dist/es2019/resizer/Resizer.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleStickyClassName, resizerHandleZIndex, resizerItemClassName } from '../styles/shared/resizer';
+import { resizerHandleLeftClassName, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleStickyClassName, resizerHandleZIndex, resizerItemClassName } from '../styles/shared/resizer';
 export default function ResizerNext(props) {
   const [isResizing, setIsResizing] = useState(false);
   const resizable = useRef(null);
@@ -16,8 +16,10 @@ export default function ResizerNext(props) {
     handleResizeStop,
     handleHeightSize = 'medium',
     handleAlignmentMethod = 'center',
+    handlePositioning = 'overlap',
+    handleStyles,
     resizeRatio = 1,
-    innerPadding = resizerHandlePadding,
+    innerPadding,
     ...otherProps
   } = props;
   const onResizeStart = React.useCallback(event => {
@@ -65,21 +67,27 @@ export default function ResizerNext(props) {
       [resizerHandleStickyClassName]: handleAlignmentMethod === 'sticky'
     })
   };
-  const marginTop = Number.isFinite(props === null || props === void 0 ? void 0 : props.handleMarginTop) ? `${props.handleMarginTop}px` : `unset`;
-  const handleStyles = {
+  const baseHandleStyles = {
+    width: handlePositioning === 'adjacent' ? "var(--ds-space-250, 20px)" : "var(--ds-space-300, 24px)",
+    // eslint-disable-next-line
+    marginTop: Number.isFinite(props === null || props === void 0 ? void 0 : props.handleMarginTop) ? `${props.handleMarginTop}px` : undefined,
+    zIndex: resizerHandleZIndex,
+    pointerEvents: 'auto',
+    alignItems: handlePositioning === 'adjacent' ? 'center' : undefined
+  };
+  const offset = Number.isFinite(innerPadding) ? `-${innerPadding}px` : handlePositioning === 'adjacent' ? `calc(${baseHandleStyles.width} * -1)` : `calc(${baseHandleStyles.width} * -0.5)`;
+  const nextHandleStyles = {
     left: {
-      width: '24px',
-      left: `-${innerPadding}px`,
-      marginTop,
-      zIndex: resizerHandleZIndex,
-      pointerEvents: 'auto'
+      ...baseHandleStyles,
+      // eslint-disable-next-line
+      left: offset,
+      ...(handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.left)
     },
     right: {
-      width: '24px',
-      marginTop,
-      right: `-${innerPadding}px`,
-      zIndex: resizerHandleZIndex,
-      pointerEvents: 'auto'
+      ...baseHandleStyles,
+      // eslint-disable-next-line
+      right: offset,
+      ...(handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.right)
     }
   };
   const resizerClassName = classnames(className, resizerItemClassName, {
@@ -94,7 +102,7 @@ export default function ResizerNext(props) {
     },
     className: resizerClassName,
     handleClasses: handles,
-    handleStyles: handleStyles,
+    handleStyles: nextHandleStyles,
     onResizeStart: onResizeStart,
     onResize: onResize,
     onResizeStop: onResizeStop,

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

@@ -12,7 +12,6 @@ export const resizerHandleStickyClassName = 'resizer-handle-sticky';
 
 // akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
 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';

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

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

package/dist/es2019/version.json

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

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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.23.1";
+var packageVersion = "0.0.0-development";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/resizer/Resizer.js

@@ -2,11 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleHeightSize", "handleAlignmentMethod", "resizeRatio", "innerPadding"];
+var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleHeightSize", "handleAlignmentMethod", "handlePositioning", "handleStyles", "resizeRatio", "innerPadding"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleStickyClassName, resizerHandleZIndex, resizerItemClassName } from '../styles/shared/resizer';
+import { resizerHandleLeftClassName, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleStickyClassName, resizerHandleZIndex, resizerItemClassName } from '../styles/shared/resizer';
 export default function ResizerNext(props) {
   var _classnames, _classnames2;
   var _useState = useState(false),
@@ -25,10 +27,12 @@ export default function ResizerNext(props) {
     handleHeightSize = _props$handleHeightSi === void 0 ? 'medium' : _props$handleHeightSi,
     _props$handleAlignmen = props.handleAlignmentMethod,
     handleAlignmentMethod = _props$handleAlignmen === void 0 ? 'center' : _props$handleAlignmen,
+    _props$handlePosition = props.handlePositioning,
+    handlePositioning = _props$handlePosition === void 0 ? 'overlap' : _props$handlePosition,
+    handleStyles = props.handleStyles,
     _props$resizeRatio = props.resizeRatio,
     resizeRatio = _props$resizeRatio === void 0 ? 1 : _props$resizeRatio,
-    _props$innerPadding = props.innerPadding,
-    innerPadding = _props$innerPadding === void 0 ? resizerHandlePadding : _props$innerPadding,
+    innerPadding = props.innerPadding,
     otherProps = _objectWithoutProperties(props, _excluded);
   var onResizeStart = React.useCallback(function (event) {
     // prevent creating a drag event on Firefox
@@ -67,22 +71,24 @@ export default function ResizerNext(props) {
     left: classnames(resizerHandlerClassName[handleHeightSize], (_classnames = {}, _defineProperty(_classnames, "".concat(handleClassName, "-left"), !!handleClassName), _defineProperty(_classnames, resizerHandleLeftClassName, !handleClassName), _defineProperty(_classnames, resizerHandleStickyClassName, handleAlignmentMethod === 'sticky'), _classnames)),
     right: classnames(resizerHandlerClassName[handleHeightSize], (_classnames2 = {}, _defineProperty(_classnames2, "".concat(handleClassName, "-right"), !!handleClassName), _defineProperty(_classnames2, resizerHandleRightClassName, !handleClassName), _defineProperty(_classnames2, resizerHandleStickyClassName, handleAlignmentMethod === 'sticky'), _classnames2))
   };
-  var marginTop = Number.isFinite(props === null || props === void 0 ? void 0 : props.handleMarginTop) ? "".concat(props.handleMarginTop, "px") : "unset";
-  var handleStyles = {
-    left: {
-      width: '24px',
-      left: "-".concat(innerPadding, "px"),
-      marginTop: marginTop,
-      zIndex: resizerHandleZIndex,
-      pointerEvents: 'auto'
-    },
-    right: {
-      width: '24px',
-      marginTop: marginTop,
-      right: "-".concat(innerPadding, "px"),
-      zIndex: resizerHandleZIndex,
-      pointerEvents: 'auto'
-    }
+  var baseHandleStyles = {
+    width: handlePositioning === 'adjacent' ? "var(--ds-space-250, 20px)" : "var(--ds-space-300, 24px)",
+    // eslint-disable-next-line
+    marginTop: Number.isFinite(props === null || props === void 0 ? void 0 : props.handleMarginTop) ? "".concat(props.handleMarginTop, "px") : undefined,
+    zIndex: resizerHandleZIndex,
+    pointerEvents: 'auto',
+    alignItems: handlePositioning === 'adjacent' ? 'center' : undefined
+  };
+  var offset = Number.isFinite(innerPadding) ? "-".concat(innerPadding, "px") : handlePositioning === 'adjacent' ? "calc(".concat(baseHandleStyles.width, " * -1)") : "calc(".concat(baseHandleStyles.width, " * -0.5)");
+  var nextHandleStyles = {
+    left: _objectSpread(_objectSpread({}, baseHandleStyles), {}, {
+      // eslint-disable-next-line
+      left: offset
+    }, handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.left),
+    right: _objectSpread(_objectSpread({}, baseHandleStyles), {}, {
+      // eslint-disable-next-line
+      right: offset
+    }, handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.right)
   };
   var resizerClassName = classnames(className, resizerItemClassName, {
     'is-resizing': isResizing
@@ -96,7 +102,7 @@ export default function ResizerNext(props) {
     },
     className: resizerClassName,
     handleClasses: handles,
-    handleStyles: handleStyles,
+    handleStyles: nextHandleStyles,
     onResizeStart: onResizeStart,
     onResize: onResize,
     onResizeStop: onResizeStop,

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

@@ -14,7 +14,6 @@ export var resizerHandleStickyClassName = 'resizer-handle-sticky';
 
 // akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
 var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
-export var resizerHandlePadding = 13;
 export var resizerHandleZIndex = 99;
 export var resizerHandlerSmallClassName = 'resizer-handler-small';
 export var resizerHandlerMediumClassName = 'resizer-handler-medium';

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

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

package/dist/esm/version.json

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

package/dist/types/resizer/Resizer.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { HandleComponent } from 're-resizable';
-import { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandleResize } from './types';
+import { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandlePositioning, HandleResize, HandleStyles } from './types';
 export type ResizerProps = {
     enable: EnabledHandles;
     width: number;
@@ -14,6 +14,8 @@ export type ResizerProps = {
     maxWidth?: number;
     handleWrapperStyle?: React.CSSProperties;
     handleComponent?: HandleComponent;
+    handleStyles?: HandleStyles;
+    handlePositioning?: HandlePositioning;
     handleHeightSize?: HandleHeightSizeType;
     handleMarginTop?: number;
     snap?: {

package/dist/types/resizer/types.d.ts

@@ -17,3 +17,4 @@ export type HandleStyles = {
 };
 export type HandleHeightSizeType = 'small' | 'medium' | 'large';
 export type HandleAlignmentMethod = 'center' | 'sticky';
+export type HandlePositioning = 'overlap' | 'adjacent';

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

@@ -2,7 +2,6 @@ export declare const resizerItemClassName = "resizer-item";
 export declare const resizerHandleRightClassName = "resizer-handle-right";
 export declare const resizerHandleLeftClassName = "resizer-handle-left";
 export declare const resizerHandleStickyClassName = "resizer-handle-sticky";
-export declare const resizerHandlePadding = 13;
 export declare const resizerHandleZIndex = 99;
 export declare const resizerHandlerSmallClassName = "resizer-handler-small";
 export declare const resizerHandlerMediumClassName = "resizer-handler-medium";

package/dist/types-ts4.5/resizer/Resizer.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { HandleComponent } from 're-resizable';
-import { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandleResize } from './types';
+import { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandlePositioning, HandleResize, HandleStyles } from './types';
 export type ResizerProps = {
     enable: EnabledHandles;
     width: number;
@@ -14,6 +14,8 @@ export type ResizerProps = {
     maxWidth?: number;
     handleWrapperStyle?: React.CSSProperties;
     handleComponent?: HandleComponent;
+    handleStyles?: HandleStyles;
+    handlePositioning?: HandlePositioning;
     handleHeightSize?: HandleHeightSizeType;
     handleMarginTop?: number;
     snap?: {

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

@@ -17,3 +17,4 @@ export type HandleStyles = {
 };
 export type HandleHeightSizeType = 'small' | 'medium' | 'large';
 export type HandleAlignmentMethod = 'center' | 'sticky';
+export type HandlePositioning = 'overlap' | 'adjacent';

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

@@ -2,7 +2,6 @@ export declare const resizerItemClassName = "resizer-item";
 export declare const resizerHandleRightClassName = "resizer-handle-right";
 export declare const resizerHandleLeftClassName = "resizer-handle-left";
 export declare const resizerHandleStickyClassName = "resizer-handle-sticky";
-export declare const resizerHandlePadding = 13;
 export declare const resizerHandleZIndex = 99;
 export declare const resizerHandlerSmallClassName = "resizer-handler-small";
 export declare const resizerHandlerMediumClassName = "resizer-handler-medium";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.23.1",
+  "version": "74.24.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -106,7 +106,7 @@
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/task-decision": "^17.7.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.12.0",
+    "@atlaskit/tokens": "^1.13.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",