@atlaskit/editor-plugin-alignment 3.0.1 → 3.0.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-alignment
 
+## 3.0.2
+
+### Patch Changes
+
+- [#120931](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/120931)
+  [`624b97c021fea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/624b97c021fea) -
+  [ux] ED-26676 revert to existing primary toolbar components
+
 ## 3.0.1
 
 ### Patch Changes

package/dist/cjs/alignmentPlugin.js

@@ -24,7 +24,8 @@ var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin(_ref) {
       popupsBoundariesElement = _ref2.popupsBoundariesElement,
       popupsScrollableElement = _ref2.popupsScrollableElement,
       disabled = _ref2.disabled,
-      isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing;
+      isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+      toolbarSize = _ref2.toolbarSize;
     return /*#__PURE__*/_react.default.createElement(_PrimaryToolbarComponent.PrimaryToolbarComponent, {
       api: api,
       editorView: editorView,
@@ -32,7 +33,8 @@ var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin(_ref) {
       popupsMountPoint: popupsMountPoint,
       popupsBoundariesElement: popupsBoundariesElement,
       popupsScrollableElement: popupsScrollableElement,
-      isToolbarReducedSpacing: isToolbarReducedSpacing
+      isToolbarReducedSpacing: isToolbarReducedSpacing,
+      toolbarSize: toolbarSize
     });
   };
   api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.actions.registerComponent({

package/dist/cjs/ui/PrimaryToolbarComponent.js

@@ -8,8 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _types = require("@atlaskit/editor-common/types");
 var _editorCommands = require("../editor-commands");
-var _types = require("../pm-plugins/types");
+var _types2 = require("../pm-plugins/types");
 var _ToolbarAlignment = _interopRequireDefault(require("./ToolbarAlignment"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -20,7 +21,9 @@ function PrimaryToolbarComponent(_ref) {
     popupsMountPoint = _ref.popupsMountPoint,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsScrollableElement = _ref.popupsScrollableElement,
-    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
+    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing,
+    _ref$toolbarSize = _ref.toolbarSize,
+    toolbarSize = _ref$toolbarSize === void 0 ? _types.ToolbarSize.XXL : _ref$toolbarSize;
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['alignment']),
     alignmentState = _useSharedPluginState.alignmentState;
   var changeAlignmentCallback = (0, _react.useCallback)(function (align) {
@@ -38,6 +41,7 @@ function PrimaryToolbarComponent(_ref) {
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
     api: api,
-    toolbarType: _types.ToolbarType.PRIMARY
+    toolbarType: _types2.ToolbarType.PRIMARY,
+    toolbarSize: toolbarSize
   });
 }

package/dist/cjs/ui/ToolbarAlignment/index.compiled.css

@@ -0,0 +1,4 @@
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AlignmentToolbar = void 0;
+require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -16,10 +17,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
+var _types = require("@atlaskit/editor-common/types");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _types = require("../../pm-plugins/types");
+var _types2 = require("../../pm-plugins/types");
 var _Alignment = _interopRequireDefault(require("../Alignment"));
 var _iconMap = require("./icon-map");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -89,7 +91,9 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
         pluginState = _this$props.pluginState,
         disabled = _this$props.disabled,
         intl = _this$props.intl,
-        api = _this$props.api;
+        api = _this$props.api,
+        toolbarType = _this$props.toolbarType,
+        toolbarSize = _this$props.toolbarSize;
       var alignment = (_pluginState$align = pluginState === null || pluginState === void 0 ? void 0 : pluginState.align) !== null && _pluginState$align !== void 0 ? _pluginState$align : 'start';
       var title = intl.formatMessage(_messages.alignmentMessages.alignment);
       var reducedSpacing = (0, _experiments.editorExperiment)('contextual_formatting_toolbar', true) || (0, _experiments.editorExperiment)('platform_editor_contextual_formatting_toolbar_v2', 'variant1', {
@@ -97,6 +101,16 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
       }) || (0, _experiments.editorExperiment)('platform_editor_contextual_formatting_toolbar_v2', 'variant2', {
         exposure: true
       }) ? 'compact' : 'none';
+      if (toolbarType === _types2.ToolbarType.PRIMARY && toolbarSize && toolbarSize > _types.ToolbarSize.XL && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1', {
+        exposure: true
+      })) {
+        return /*#__PURE__*/_react.default.createElement(_Alignment.default, {
+          onClick: function onClick(align) {
+            return _this2.changeAlignment(align, false);
+          },
+          className: (0, _runtime.ax)(["_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
+        });
+      }
       return /*#__PURE__*/_react.default.createElement(_ui.ToolbarDropdownWrapper, null, /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownContainer, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
@@ -146,7 +160,7 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this3 = this;
-      if (this.props.toolbarType !== _types.ToolbarType.FLOATING && this.state.isOpen) {
+      if (this.props.toolbarType !== _types2.ToolbarType.FLOATING && this.state.isOpen) {
         // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
         // associated with the alignment button doesn't render until the next render cycle
         // where the popup will be correctly positioned and the relative position of the tooltip
@@ -164,4 +178,5 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
   }]);
 }(_react.default.Component);
 (0, _defineProperty2.default)(AlignmentToolbar, "displayName", 'AlignmentToolbar');
+var alignmentToolbarStyles = null;
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(AlignmentToolbar);

package/dist/es2019/alignmentPlugin.js

@@ -18,7 +18,8 @@ export const alignmentPlugin = ({
     popupsBoundariesElement,
     popupsScrollableElement,
     disabled,
-    isToolbarReducedSpacing
+    isToolbarReducedSpacing,
+    toolbarSize
   }) => {
     return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
       api: api,
@@ -27,7 +28,8 @@ export const alignmentPlugin = ({
       popupsMountPoint: popupsMountPoint,
       popupsBoundariesElement: popupsBoundariesElement,
       popupsScrollableElement: popupsScrollableElement,
-      isToolbarReducedSpacing: isToolbarReducedSpacing
+      isToolbarReducedSpacing: isToolbarReducedSpacing,
+      toolbarSize: toolbarSize
     });
   };
   api === null || api === void 0 ? void 0 : (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.actions.registerComponent({

package/dist/es2019/ui/PrimaryToolbarComponent.js

@@ -1,5 +1,6 @@
 import React, { useCallback } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { changeAlignment } from '../editor-commands';
 import { ToolbarType } from '../pm-plugins/types';
 import ToolbarAlignment from './ToolbarAlignment';
@@ -10,7 +11,8 @@ export function PrimaryToolbarComponent({
   popupsMountPoint,
   popupsBoundariesElement,
   popupsScrollableElement,
-  isToolbarReducedSpacing
+  isToolbarReducedSpacing,
+  toolbarSize = ToolbarSize.XXL
 }) {
   const {
     alignmentState
@@ -28,6 +30,7 @@ export function PrimaryToolbarComponent({
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
     api: api,
-    toolbarType: ToolbarType.PRIMARY
+    toolbarType: ToolbarType.PRIMARY,
+    toolbarSize: toolbarSize
   });
 }

package/dist/es2019/ui/ToolbarAlignment/index.compiled.css

@@ -0,0 +1,4 @@
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -1,9 +1,11 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { alignmentMessages as messages } from '@atlaskit/editor-common/messages';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { ToolbarDropdownTriggerWrapper, ToolbarDropdownWrapper, ToolbarExpandIcon, ToolbarSeparator } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as Dropdown, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -67,7 +69,9 @@ export class AlignmentToolbar extends React.Component {
       pluginState,
       disabled,
       intl,
-      api
+      api,
+      toolbarType,
+      toolbarSize
     } = this.props;
     const alignment = (_pluginState$align = pluginState === null || pluginState === void 0 ? void 0 : pluginState.align) !== null && _pluginState$align !== void 0 ? _pluginState$align : 'start';
     const title = intl.formatMessage(messages.alignment);
@@ -76,6 +80,14 @@ export class AlignmentToolbar extends React.Component {
     }) || editorExperiment('platform_editor_contextual_formatting_toolbar_v2', 'variant2', {
       exposure: true
     }) ? 'compact' : 'none';
+    if (toolbarType === ToolbarType.PRIMARY && toolbarSize && toolbarSize > ToolbarSize.XL && editorExperiment('platform_editor_controls', 'variant1', {
+      exposure: true
+    })) {
+      return /*#__PURE__*/React.createElement(Alignment, {
+        onClick: align => this.changeAlignment(align, false),
+        className: ax(["_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
+      });
+    }
     return /*#__PURE__*/React.createElement(ToolbarDropdownWrapper, null, /*#__PURE__*/React.createElement(Dropdown, {
       mountTo: popupsMountPoint,
       boundariesElement: popupsBoundariesElement,
@@ -137,4 +149,5 @@ export class AlignmentToolbar extends React.Component {
   }
 }
 _defineProperty(AlignmentToolbar, "displayName", 'AlignmentToolbar');
+const alignmentToolbarStyles = null;
 export default injectIntl(AlignmentToolbar);

package/dist/esm/alignmentPlugin.js

@@ -17,7 +17,8 @@ export var alignmentPlugin = function alignmentPlugin(_ref) {
       popupsBoundariesElement = _ref2.popupsBoundariesElement,
       popupsScrollableElement = _ref2.popupsScrollableElement,
       disabled = _ref2.disabled,
-      isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing;
+      isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+      toolbarSize = _ref2.toolbarSize;
     return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
       api: api,
       editorView: editorView,
@@ -25,7 +26,8 @@ export var alignmentPlugin = function alignmentPlugin(_ref) {
       popupsMountPoint: popupsMountPoint,
       popupsBoundariesElement: popupsBoundariesElement,
       popupsScrollableElement: popupsScrollableElement,
-      isToolbarReducedSpacing: isToolbarReducedSpacing
+      isToolbarReducedSpacing: isToolbarReducedSpacing,
+      toolbarSize: toolbarSize
     });
   };
   api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.actions.registerComponent({

package/dist/esm/ui/PrimaryToolbarComponent.js

@@ -1,5 +1,6 @@
 import React, { useCallback } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { changeAlignment } from '../editor-commands';
 import { ToolbarType } from '../pm-plugins/types';
 import ToolbarAlignment from './ToolbarAlignment';
@@ -10,7 +11,9 @@ export function PrimaryToolbarComponent(_ref) {
     popupsMountPoint = _ref.popupsMountPoint,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsScrollableElement = _ref.popupsScrollableElement,
-    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
+    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing,
+    _ref$toolbarSize = _ref.toolbarSize,
+    toolbarSize = _ref$toolbarSize === void 0 ? ToolbarSize.XXL : _ref$toolbarSize;
   var _useSharedPluginState = useSharedPluginState(api, ['alignment']),
     alignmentState = _useSharedPluginState.alignmentState;
   var changeAlignmentCallback = useCallback(function (align) {
@@ -28,6 +31,7 @@ export function PrimaryToolbarComponent(_ref) {
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
     api: api,
-    toolbarType: ToolbarType.PRIMARY
+    toolbarType: ToolbarType.PRIMARY,
+    toolbarSize: toolbarSize
   });
 }

package/dist/esm/ui/ToolbarAlignment/index.compiled.css

@@ -0,0 +1,4 @@
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -5,12 +5,14 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { alignmentMessages as messages } from '@atlaskit/editor-common/messages';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { ToolbarDropdownTriggerWrapper, ToolbarDropdownWrapper, ToolbarExpandIcon, ToolbarSeparator } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as Dropdown, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -82,7 +84,9 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         pluginState = _this$props.pluginState,
         disabled = _this$props.disabled,
         intl = _this$props.intl,
-        api = _this$props.api;
+        api = _this$props.api,
+        toolbarType = _this$props.toolbarType,
+        toolbarSize = _this$props.toolbarSize;
       var alignment = (_pluginState$align = pluginState === null || pluginState === void 0 ? void 0 : pluginState.align) !== null && _pluginState$align !== void 0 ? _pluginState$align : 'start';
       var title = intl.formatMessage(messages.alignment);
       var reducedSpacing = editorExperiment('contextual_formatting_toolbar', true) || editorExperiment('platform_editor_contextual_formatting_toolbar_v2', 'variant1', {
@@ -90,6 +94,16 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
       }) || editorExperiment('platform_editor_contextual_formatting_toolbar_v2', 'variant2', {
         exposure: true
       }) ? 'compact' : 'none';
+      if (toolbarType === ToolbarType.PRIMARY && toolbarSize && toolbarSize > ToolbarSize.XL && editorExperiment('platform_editor_controls', 'variant1', {
+        exposure: true
+      })) {
+        return /*#__PURE__*/React.createElement(Alignment, {
+          onClick: function onClick(align) {
+            return _this2.changeAlignment(align, false);
+          },
+          className: ax(["_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
+        });
+      }
       return /*#__PURE__*/React.createElement(ToolbarDropdownWrapper, null, /*#__PURE__*/React.createElement(Dropdown, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
@@ -157,4 +171,5 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React.Component);
 _defineProperty(AlignmentToolbar, "displayName", 'AlignmentToolbar');
+var alignmentToolbarStyles = null;
 export default injectIntl(AlignmentToolbar);

package/dist/types/ui/PrimaryToolbarComponent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { ToolbarSize, type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { AlignmentPlugin } from '../alignmentPluginType';
 interface PrimaryToolbarComponentProps {
@@ -10,6 +10,7 @@ interface PrimaryToolbarComponentProps {
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
     isToolbarReducedSpacing: boolean;
+    toolbarSize?: ToolbarSize;
 }
-export declare function PrimaryToolbarComponent({ api, editorView, disabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, isToolbarReducedSpacing, }: PrimaryToolbarComponentProps): React.JSX.Element;
+export declare function PrimaryToolbarComponent({ api, editorView, disabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, isToolbarReducedSpacing, toolbarSize, }: PrimaryToolbarComponentProps): React.JSX.Element;
 export {};

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

@@ -4,9 +4,9 @@
  */
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { ToolbarSize, type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AlignmentPlugin } from '../../alignmentPluginType';
-import { type AlignmentPluginState, type AlignmentState, ToolbarType } from '../../pm-plugins/types';
+import { ToolbarType, type AlignmentPluginState, type AlignmentState } from '../../pm-plugins/types';
 export interface State {
     isOpen: boolean;
 }
@@ -20,6 +20,7 @@ export interface Props {
     disabled?: boolean;
     api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
     toolbarType: ToolbarType;
+    toolbarSize?: ToolbarSize;
 }
 export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
     static displayName: string;

package/dist/types-ts4.5/ui/PrimaryToolbarComponent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { ToolbarSize, type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { AlignmentPlugin } from '../alignmentPluginType';
 interface PrimaryToolbarComponentProps {
@@ -10,6 +10,7 @@ interface PrimaryToolbarComponentProps {
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
     isToolbarReducedSpacing: boolean;
+    toolbarSize?: ToolbarSize;
 }
-export declare function PrimaryToolbarComponent({ api, editorView, disabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, isToolbarReducedSpacing, }: PrimaryToolbarComponentProps): React.JSX.Element;
+export declare function PrimaryToolbarComponent({ api, editorView, disabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, isToolbarReducedSpacing, toolbarSize, }: PrimaryToolbarComponentProps): React.JSX.Element;
 export {};

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

@@ -4,9 +4,9 @@
  */
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { ToolbarSize, type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AlignmentPlugin } from '../../alignmentPluginType';
-import { type AlignmentPluginState, type AlignmentState, ToolbarType } from '../../pm-plugins/types';
+import { ToolbarType, type AlignmentPluginState, type AlignmentState } from '../../pm-plugins/types';
 export interface State {
     isOpen: boolean;
 }
@@ -20,6 +20,7 @@ export interface Props {
     disabled?: boolean;
     api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
     toolbarType: ToolbarType;
+    toolbarSize?: ToolbarSize;
 }
 export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
     static displayName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-alignment",
-	"version": "3.0.1",
+	"version": "3.0.2",
 	"description": "Alignment plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/icon": "^24.1.0",
 		"@atlaskit/platform-feature-flags": "1.1.0",
 		"@atlaskit/tmp-editor-statsig": "^3.3.0",
-		"@atlaskit/tokens": "^4.2.0",
+		"@atlaskit/tokens": "^4.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.2"
 	},