@atlaskit/editor-plugin-toolbar-lists-indentation 4.2.0 → 4.2.2

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-plugin-toolbar-lists-indentation
 
+## 4.2.2
+
+### Patch Changes
+
+- [`3145f278b1f7a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3145f278b1f7a) -
+  [ux] [ED-28473] minor UI updates for editor-toolbar
+
+  - Use ADS ButtonGroup for ToolbarButtonGroup
+  - Remove groupLocation prop and use CSS instead
+  - Use DropdownItemGroup for ToolbarDropdownItemSection and expand props for section separator and
+    title
+  - Support ReactNode as content for ToolbarTooltip and add missing shortcuts in tooltips
+  - Center Icons for split buttons and make chevron icon 24px wide
+  - Align dropdown menu UI with current editor design
+
+- Updated dependencies
+
+## 4.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.2.0
 
 ### Minor Changes

package/dist/cjs/ui/toolbar-components/ListsIndentationHeroButton.js

@@ -14,7 +14,6 @@ var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var ListsIndentationHeroButton = exports.ListsIndentationHeroButton = function ListsIndentationHeroButton(_ref) {
   var api = _ref.api,
-    groupLocation = _ref.groupLocation,
     parents = _ref.parents;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
@@ -46,7 +45,6 @@ var ListsIndentationHeroButton = exports.ListsIndentationHeroButton = function L
     }) : /*#__PURE__*/_react.default.createElement(_editorToolbar.ListBulletedIcon, {
       label: formatMessage(_messages.listMessages.bulletedList)
     }),
-    groupLocation: groupLocation,
     isSelected: bulletListActive || orderedListActive,
     isDisabled: !orderedListActive && bulletListDisabled,
     ariaKeyshortcuts: shortcut,

package/dist/cjs/ui/toolbar-components/ListsIndentationMenu.js

@@ -15,7 +15,6 @@ var _hooks2 = require("../utils/hooks");
 var ListsIndentationMenu = exports.ListsIndentationMenu = function ListsIndentationMenu(_ref) {
   var children = _ref.children,
     api = _ref.api,
-    groupLocation = _ref.groupLocation,
     allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
@@ -40,7 +39,6 @@ var ListsIndentationMenu = exports.ListsIndentationMenu = function ListsIndentat
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.MoreItemsIcon, {
       label: formatMessage(_lists.messages.lists)
     }),
-    groupLocation: groupLocation,
     isDisabled: allItemsDisabled,
     testId: "editor-toolbar__lists-and-indentation-menu"
   }, children);

package/dist/cjs/ui/toolbar-components.js

@@ -34,11 +34,9 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       rank: _toolbar.LISTS_INDENTATION_GROUP_RANK[_toolbar.LISTS_INDENTATION_HERO_BUTTON.key]
     }],
     component: function component(_ref2) {
-      var groupLocation = _ref2.groupLocation,
-        parents = _ref2.parents;
+      var parents = _ref2.parents;
       return /*#__PURE__*/_react.default.createElement(_ListsIndentationHeroButton.ListsIndentationHeroButton, {
         api: api,
-        groupLocation: groupLocation,
         parents: parents
       });
     }
@@ -51,11 +49,9 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       rank: _toolbar.LISTS_INDENTATION_GROUP_RANK[_toolbar.LISTS_INDENTATION_MENU.key]
     }],
     component: function component(_ref3) {
-      var children = _ref3.children,
-        groupLocation = _ref3.groupLocation;
+      var children = _ref3.children;
       return /*#__PURE__*/_react.default.createElement(_ListsIndentationMenu.ListsIndentationMenu, {
         api: api,
-        groupLocation: groupLocation,
         allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
       }, children);
     }

package/dist/es2019/ui/toolbar-components/BulletedListMenuItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toggleBulletList as toggleBulletListKeymap, formatShortcut } from '@atlaskit/editor-common/keymaps';
 import { listMessages } from '@atlaskit/editor-common/messages';
-import { getInputMethodFromParentKeys } from "@atlaskit/editor-common/toolbar";
+import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { ListBulletedIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 export const BulletedListMenuItem = ({
   api,

package/dist/es2019/ui/toolbar-components/IndentMenuItem.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { useIntl } from "react-intl-next";
+import { useIntl } from 'react-intl-next';
 import { indent as toggleIndentKeymap, formatShortcut } from '@atlaskit/editor-common/keymaps';
 import { indentationMessages } from '@atlaskit/editor-common/messages';
-import { getInputMethodFromParentKeys, useEditorToolbar } from "@atlaskit/editor-common/toolbar";
+import { getInputMethodFromParentKeys, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { IndentIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 import { useIndentationState } from '../utils/hooks';
 export const IndentMenuItem = ({

package/dist/es2019/ui/toolbar-components/ListsIndentationHeroButton.js

@@ -7,7 +7,6 @@ import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { ListBulletedIcon, ListNumberedIcon, ToolbarButton, ToolbarTooltip } from '@atlaskit/editor-toolbar';
 export const ListsIndentationHeroButton = ({
   api,
-  groupLocation,
   parents
 }) => {
   const {
@@ -42,7 +41,6 @@ export const ListsIndentationHeroButton = ({
     }) : /*#__PURE__*/React.createElement(ListBulletedIcon, {
       label: formatMessage(listMessages.bulletedList)
     }),
-    groupLocation: groupLocation,
     isSelected: bulletListActive || orderedListActive,
     isDisabled: !orderedListActive && bulletListDisabled,
     ariaKeyshortcuts: shortcut,

package/dist/es2019/ui/toolbar-components/ListsIndentationMenu.js

@@ -8,7 +8,6 @@ import { useIndentationState } from '../utils/hooks';
 export const ListsIndentationMenu = ({
   children,
   api,
-  groupLocation,
   allowHeadingAndParagraphIndentation
 }) => {
   const {
@@ -37,7 +36,6 @@ export const ListsIndentationMenu = ({
     iconBefore: /*#__PURE__*/React.createElement(MoreItemsIcon, {
       label: formatMessage(messages.lists)
     }),
-    groupLocation: groupLocation,
     isDisabled: allItemsDisabled,
     testId: "editor-toolbar__lists-and-indentation-menu"
   }, children);

package/dist/es2019/ui/toolbar-components/NumberedListMenuItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toggleOrderedList as toggleOrderedListKeymap, formatShortcut } from '@atlaskit/editor-common/keymaps';
 import { listMessages } from '@atlaskit/editor-common/messages';
-import { getInputMethodFromParentKeys } from "@atlaskit/editor-common/toolbar";
+import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { ListNumberedIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 export const NumberedListMenuItem = ({
   api,

package/dist/es2019/ui/toolbar-components/OutdentMenuItem.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { useIntl } from "react-intl-next";
+import { useIntl } from 'react-intl-next';
 import { outdent as toggleOutdentKeymap, formatShortcut } from '@atlaskit/editor-common/keymaps';
 import { indentationMessages } from '@atlaskit/editor-common/messages';
-import { getInputMethodFromParentKeys, useEditorToolbar } from "@atlaskit/editor-common/toolbar";
+import { getInputMethodFromParentKeys, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { OutdentIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 import { useIndentationState } from '../utils/hooks';
 export const OutdentMenuItem = ({

package/dist/es2019/ui/toolbar-components.js

@@ -1,11 +1,11 @@
-import React from "react";
-import { BULLETED_LIST_MENU_ITEM, INDENT_MENU_ITEM, LISTS_INDENTATION_GROUP, LISTS_INDENTATION_HERO_BUTTON, LISTS_INDENTATION_MENU, LISTS_INDENTATION_MENU_SECTION, NUMBERED_LIST_MENU_ITEM, OUTDENT_MENU_ITEM, TEXT_SECTION, TEXT_SECTION_RANK, LISTS_INDENTATION_GROUP_RANK, LISTS_INDENTATION_MENU_RANK, LISTS_INDENTATION_MENU_SECTION_RANK } from "@atlaskit/editor-common/toolbar";
-import { BulletedListMenuItem } from "./toolbar-components/BulletedListMenuItem";
-import { IndentMenuItem } from "./toolbar-components/IndentMenuItem";
-import { ListsIndentationHeroButton } from "./toolbar-components/ListsIndentationHeroButton";
-import { ListsIndentationMenu } from "./toolbar-components/ListsIndentationMenu";
-import { NumberedListMenuItem } from "./toolbar-components/NumberedListMenuItem";
-import { OutdentMenuItem } from "./toolbar-components/OutdentMenuItem";
+import React from 'react';
+import { BULLETED_LIST_MENU_ITEM, INDENT_MENU_ITEM, LISTS_INDENTATION_GROUP, LISTS_INDENTATION_HERO_BUTTON, LISTS_INDENTATION_MENU, LISTS_INDENTATION_MENU_SECTION, NUMBERED_LIST_MENU_ITEM, OUTDENT_MENU_ITEM, TEXT_SECTION, TEXT_SECTION_RANK, LISTS_INDENTATION_GROUP_RANK, LISTS_INDENTATION_MENU_RANK, LISTS_INDENTATION_MENU_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
+import { BulletedListMenuItem } from './toolbar-components/BulletedListMenuItem';
+import { IndentMenuItem } from './toolbar-components/IndentMenuItem';
+import { ListsIndentationHeroButton } from './toolbar-components/ListsIndentationHeroButton';
+import { ListsIndentationMenu } from './toolbar-components/ListsIndentationMenu';
+import { NumberedListMenuItem } from './toolbar-components/NumberedListMenuItem';
+import { OutdentMenuItem } from './toolbar-components/OutdentMenuItem';
 export const getToolbarComponents = ({
   api,
   showIndentationButtons,
@@ -28,11 +28,9 @@ export const getToolbarComponents = ({
       rank: LISTS_INDENTATION_GROUP_RANK[LISTS_INDENTATION_HERO_BUTTON.key]
     }],
     component: ({
-      groupLocation,
       parents
     }) => /*#__PURE__*/React.createElement(ListsIndentationHeroButton, {
       api: api,
-      groupLocation: groupLocation,
       parents: parents
     })
   }, {
@@ -44,11 +42,9 @@ export const getToolbarComponents = ({
       rank: LISTS_INDENTATION_GROUP_RANK[LISTS_INDENTATION_MENU.key]
     }],
     component: ({
-      children,
-      groupLocation
+      children
     }) => /*#__PURE__*/React.createElement(ListsIndentationMenu, {
       api: api,
-      groupLocation: groupLocation,
       allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
     }, children)
   }, {

package/dist/es2019/ui/utils/hooks.js

@@ -1,5 +1,5 @@
-import { useSharedPluginStateWithSelector } from "@atlaskit/editor-common/hooks";
-import { getIndentationButtonsState } from "../../pm-plugins/indentation-buttons";
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { getIndentationButtonsState } from '../../pm-plugins/indentation-buttons';
 export const useIndentationState = ({
   api,
   allowHeadingAndParagraphIndentation,

package/dist/esm/ui/toolbar-components/BulletedListMenuItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toggleBulletList as toggleBulletListKeymap, formatShortcut } from '@atlaskit/editor-common/keymaps';
 import { listMessages } from '@atlaskit/editor-common/messages';
-import { getInputMethodFromParentKeys } from "@atlaskit/editor-common/toolbar";
+import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { ListBulletedIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 export var BulletedListMenuItem = function BulletedListMenuItem(_ref) {
   var api = _ref.api,

package/dist/esm/ui/toolbar-components/IndentMenuItem.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { useIntl } from "react-intl-next";
+import { useIntl } from 'react-intl-next';
 import { indent as toggleIndentKeymap, formatShortcut } from '@atlaskit/editor-common/keymaps';
 import { indentationMessages } from '@atlaskit/editor-common/messages';
-import { getInputMethodFromParentKeys, useEditorToolbar } from "@atlaskit/editor-common/toolbar";
+import { getInputMethodFromParentKeys, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { IndentIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 import { useIndentationState } from '../utils/hooks';
 export var IndentMenuItem = function IndentMenuItem(_ref) {

package/dist/esm/ui/toolbar-components/ListsIndentationHeroButton.js

@@ -7,7 +7,6 @@ import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { ListBulletedIcon, ListNumberedIcon, ToolbarButton, ToolbarTooltip } from '@atlaskit/editor-toolbar';
 export var ListsIndentationHeroButton = function ListsIndentationHeroButton(_ref) {
   var api = _ref.api,
-    groupLocation = _ref.groupLocation,
     parents = _ref.parents;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -39,7 +38,6 @@ export var ListsIndentationHeroButton = function ListsIndentationHeroButton(_ref
     }) : /*#__PURE__*/React.createElement(ListBulletedIcon, {
       label: formatMessage(listMessages.bulletedList)
     }),
-    groupLocation: groupLocation,
     isSelected: bulletListActive || orderedListActive,
     isDisabled: !orderedListActive && bulletListDisabled,
     ariaKeyshortcuts: shortcut,

package/dist/esm/ui/toolbar-components/ListsIndentationMenu.js

@@ -8,7 +8,6 @@ import { useIndentationState } from '../utils/hooks';
 export var ListsIndentationMenu = function ListsIndentationMenu(_ref) {
   var children = _ref.children,
     api = _ref.api,
-    groupLocation = _ref.groupLocation,
     allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -33,7 +32,6 @@ export var ListsIndentationMenu = function ListsIndentationMenu(_ref) {
     iconBefore: /*#__PURE__*/React.createElement(MoreItemsIcon, {
       label: formatMessage(messages.lists)
     }),
-    groupLocation: groupLocation,
     isDisabled: allItemsDisabled,
     testId: "editor-toolbar__lists-and-indentation-menu"
   }, children);

package/dist/esm/ui/toolbar-components/NumberedListMenuItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toggleOrderedList as toggleOrderedListKeymap, formatShortcut } from '@atlaskit/editor-common/keymaps';
 import { listMessages } from '@atlaskit/editor-common/messages';
-import { getInputMethodFromParentKeys } from "@atlaskit/editor-common/toolbar";
+import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { ListNumberedIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 export var NumberedListMenuItem = function NumberedListMenuItem(_ref) {
   var api = _ref.api,

package/dist/esm/ui/toolbar-components/OutdentMenuItem.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { useIntl } from "react-intl-next";
+import { useIntl } from 'react-intl-next';
 import { outdent as toggleOutdentKeymap, formatShortcut } from '@atlaskit/editor-common/keymaps';
 import { indentationMessages } from '@atlaskit/editor-common/messages';
-import { getInputMethodFromParentKeys, useEditorToolbar } from "@atlaskit/editor-common/toolbar";
+import { getInputMethodFromParentKeys, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { OutdentIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 import { useIndentationState } from '../utils/hooks';
 export var OutdentMenuItem = function OutdentMenuItem(_ref) {

package/dist/esm/ui/toolbar-components.js

@@ -1,11 +1,11 @@
-import React from "react";
-import { BULLETED_LIST_MENU_ITEM, INDENT_MENU_ITEM, LISTS_INDENTATION_GROUP, LISTS_INDENTATION_HERO_BUTTON, LISTS_INDENTATION_MENU, LISTS_INDENTATION_MENU_SECTION, NUMBERED_LIST_MENU_ITEM, OUTDENT_MENU_ITEM, TEXT_SECTION, TEXT_SECTION_RANK, LISTS_INDENTATION_GROUP_RANK, LISTS_INDENTATION_MENU_RANK, LISTS_INDENTATION_MENU_SECTION_RANK } from "@atlaskit/editor-common/toolbar";
-import { BulletedListMenuItem } from "./toolbar-components/BulletedListMenuItem";
-import { IndentMenuItem } from "./toolbar-components/IndentMenuItem";
-import { ListsIndentationHeroButton } from "./toolbar-components/ListsIndentationHeroButton";
-import { ListsIndentationMenu } from "./toolbar-components/ListsIndentationMenu";
-import { NumberedListMenuItem } from "./toolbar-components/NumberedListMenuItem";
-import { OutdentMenuItem } from "./toolbar-components/OutdentMenuItem";
+import React from 'react';
+import { BULLETED_LIST_MENU_ITEM, INDENT_MENU_ITEM, LISTS_INDENTATION_GROUP, LISTS_INDENTATION_HERO_BUTTON, LISTS_INDENTATION_MENU, LISTS_INDENTATION_MENU_SECTION, NUMBERED_LIST_MENU_ITEM, OUTDENT_MENU_ITEM, TEXT_SECTION, TEXT_SECTION_RANK, LISTS_INDENTATION_GROUP_RANK, LISTS_INDENTATION_MENU_RANK, LISTS_INDENTATION_MENU_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
+import { BulletedListMenuItem } from './toolbar-components/BulletedListMenuItem';
+import { IndentMenuItem } from './toolbar-components/IndentMenuItem';
+import { ListsIndentationHeroButton } from './toolbar-components/ListsIndentationHeroButton';
+import { ListsIndentationMenu } from './toolbar-components/ListsIndentationMenu';
+import { NumberedListMenuItem } from './toolbar-components/NumberedListMenuItem';
+import { OutdentMenuItem } from './toolbar-components/OutdentMenuItem';
 export var getToolbarComponents = function getToolbarComponents(_ref) {
   var api = _ref.api,
     showIndentationButtons = _ref.showIndentationButtons,
@@ -27,11 +27,9 @@ export var getToolbarComponents = function getToolbarComponents(_ref) {
       rank: LISTS_INDENTATION_GROUP_RANK[LISTS_INDENTATION_HERO_BUTTON.key]
     }],
     component: function component(_ref2) {
-      var groupLocation = _ref2.groupLocation,
-        parents = _ref2.parents;
+      var parents = _ref2.parents;
       return /*#__PURE__*/React.createElement(ListsIndentationHeroButton, {
         api: api,
-        groupLocation: groupLocation,
         parents: parents
       });
     }
@@ -44,11 +42,9 @@ export var getToolbarComponents = function getToolbarComponents(_ref) {
       rank: LISTS_INDENTATION_GROUP_RANK[LISTS_INDENTATION_MENU.key]
     }],
     component: function component(_ref3) {
-      var children = _ref3.children,
-        groupLocation = _ref3.groupLocation;
+      var children = _ref3.children;
       return /*#__PURE__*/React.createElement(ListsIndentationMenu, {
         api: api,
-        groupLocation: groupLocation,
         allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
       }, children);
     }

package/dist/esm/ui/utils/hooks.js

@@ -1,5 +1,5 @@
-import { useSharedPluginStateWithSelector } from "@atlaskit/editor-common/hooks";
-import { getIndentationButtonsState } from "../../pm-plugins/indentation-buttons";
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { getIndentationButtonsState } from '../../pm-plugins/indentation-buttons';
 export var useIndentationState = function useIndentationState(_ref) {
   var api = _ref.api,
     allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation,

package/dist/types/ui/toolbar-components/IndentMenuItem.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { ToolbarListsIndentationPlugin } from "../../toolbarListsIndentationPluginType";
+import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type IndentMenuItemType = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
     allowHeadingAndParagraphIndentation: boolean;
     showIndentationButtons: boolean;
     parents: ToolbarComponentTypes;
 };
-export declare const IndentMenuItem: ({ api, showIndentationButtons, allowHeadingAndParagraphIndentation, parents }: IndentMenuItemType) => React.JSX.Element | null;
+export declare const IndentMenuItem: ({ api, showIndentationButtons, allowHeadingAndParagraphIndentation, parents, }: IndentMenuItemType) => React.JSX.Element | null;
 export {};

package/dist/types/ui/toolbar-components/ListsIndentationHeroButton.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarButtonGroupLocation } from '@atlaskit/editor-toolbar';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
 import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type ListsIndentationHeroButtonProps = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
-    groupLocation?: ToolbarButtonGroupLocation;
     parents: ToolbarComponentTypes;
 };
-export declare const ListsIndentationHeroButton: ({ api, groupLocation, parents }: ListsIndentationHeroButtonProps) => React.JSX.Element;
+export declare const ListsIndentationHeroButton: ({ api, parents }: ListsIndentationHeroButtonProps) => React.JSX.Element;
 export {};

package/dist/types/ui/toolbar-components/ListsIndentationMenu.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarButtonGroupLocation } from '@atlaskit/editor-toolbar';
 import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type ListsIndentationMenuProps = {
     children: React.ReactNode;
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
-    groupLocation?: ToolbarButtonGroupLocation;
     allowHeadingAndParagraphIndentation: boolean;
 };
-export declare const ListsIndentationMenu: ({ children, api, groupLocation, allowHeadingAndParagraphIndentation }: ListsIndentationMenuProps) => React.JSX.Element;
+export declare const ListsIndentationMenu: ({ children, api, allowHeadingAndParagraphIndentation, }: ListsIndentationMenuProps) => React.JSX.Element;
 export {};

package/dist/types/ui/toolbar-components/OutdentMenuItem.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { ToolbarListsIndentationPlugin } from "../../toolbarListsIndentationPluginType";
+import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type OutdentMenuItemType = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
     allowHeadingAndParagraphIndentation: boolean;
     showIndentationButtons: boolean;
     parents: ToolbarComponentTypes;
 };
-export declare const OutdentMenuItem: ({ api, allowHeadingAndParagraphIndentation, showIndentationButtons, parents }: OutdentMenuItemType) => React.JSX.Element | null;
+export declare const OutdentMenuItem: ({ api, allowHeadingAndParagraphIndentation, showIndentationButtons, parents, }: OutdentMenuItemType) => React.JSX.Element | null;
 export {};

package/dist/types/ui/toolbar-components.d.ts

@@ -1,10 +1,10 @@
-import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
-import type { RegisterComponent } from "@atlaskit/editor-toolbar-model";
-import type { ToolbarListsIndentationPlugin } from "../toolbarListsIndentationPluginType";
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import type { ToolbarListsIndentationPlugin } from '../toolbarListsIndentationPluginType';
 type GetToolbarComponentsProps = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
     showIndentationButtons: boolean;
     allowHeadingAndParagraphIndentation: boolean;
 };
-export declare const getToolbarComponents: ({ api, showIndentationButtons, allowHeadingAndParagraphIndentation }: GetToolbarComponentsProps) => RegisterComponent[];
+export declare const getToolbarComponents: ({ api, showIndentationButtons, allowHeadingAndParagraphIndentation, }: GetToolbarComponentsProps) => RegisterComponent[];
 export {};

package/dist/types/ui/utils/hooks.d.ts

@@ -1,10 +1,10 @@
-import type { EditorState } from "prosemirror-state";
-import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
-import type { ToolbarListsIndentationPlugin } from "../../toolbarListsIndentationPluginType";
+import type { EditorState } from 'prosemirror-state';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type UseIndentationStateProps = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
     allowHeadingAndParagraphIndentation: boolean;
     state?: EditorState;
 };
-export declare const useIndentationState: ({ api, allowHeadingAndParagraphIndentation, state }: UseIndentationStateProps) => import("../../pm-plugins/indentation-buttons").IndentationButtons | undefined;
+export declare const useIndentationState: ({ api, allowHeadingAndParagraphIndentation, state, }: UseIndentationStateProps) => import("../../pm-plugins/indentation-buttons").IndentationButtons | undefined;
 export {};

package/dist/types-ts4.5/ui/toolbar-components/IndentMenuItem.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { ToolbarListsIndentationPlugin } from "../../toolbarListsIndentationPluginType";
+import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type IndentMenuItemType = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
     allowHeadingAndParagraphIndentation: boolean;
     showIndentationButtons: boolean;
     parents: ToolbarComponentTypes;
 };
-export declare const IndentMenuItem: ({ api, showIndentationButtons, allowHeadingAndParagraphIndentation, parents }: IndentMenuItemType) => React.JSX.Element | null;
+export declare const IndentMenuItem: ({ api, showIndentationButtons, allowHeadingAndParagraphIndentation, parents, }: IndentMenuItemType) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/toolbar-components/ListsIndentationHeroButton.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarButtonGroupLocation } from '@atlaskit/editor-toolbar';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
 import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type ListsIndentationHeroButtonProps = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
-    groupLocation?: ToolbarButtonGroupLocation;
     parents: ToolbarComponentTypes;
 };
-export declare const ListsIndentationHeroButton: ({ api, groupLocation, parents }: ListsIndentationHeroButtonProps) => React.JSX.Element;
+export declare const ListsIndentationHeroButton: ({ api, parents }: ListsIndentationHeroButtonProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/toolbar-components/ListsIndentationMenu.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarButtonGroupLocation } from '@atlaskit/editor-toolbar';
 import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type ListsIndentationMenuProps = {
     children: React.ReactNode;
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
-    groupLocation?: ToolbarButtonGroupLocation;
     allowHeadingAndParagraphIndentation: boolean;
 };
-export declare const ListsIndentationMenu: ({ children, api, groupLocation, allowHeadingAndParagraphIndentation }: ListsIndentationMenuProps) => React.JSX.Element;
+export declare const ListsIndentationMenu: ({ children, api, allowHeadingAndParagraphIndentation, }: ListsIndentationMenuProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/toolbar-components/OutdentMenuItem.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { ToolbarListsIndentationPlugin } from "../../toolbarListsIndentationPluginType";
+import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type OutdentMenuItemType = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
     allowHeadingAndParagraphIndentation: boolean;
     showIndentationButtons: boolean;
     parents: ToolbarComponentTypes;
 };
-export declare const OutdentMenuItem: ({ api, allowHeadingAndParagraphIndentation, showIndentationButtons, parents }: OutdentMenuItemType) => React.JSX.Element | null;
+export declare const OutdentMenuItem: ({ api, allowHeadingAndParagraphIndentation, showIndentationButtons, parents, }: OutdentMenuItemType) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/toolbar-components.d.ts

@@ -1,10 +1,10 @@
-import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
-import type { RegisterComponent } from "@atlaskit/editor-toolbar-model";
-import type { ToolbarListsIndentationPlugin } from "../toolbarListsIndentationPluginType";
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import type { ToolbarListsIndentationPlugin } from '../toolbarListsIndentationPluginType';
 type GetToolbarComponentsProps = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
     showIndentationButtons: boolean;
     allowHeadingAndParagraphIndentation: boolean;
 };
-export declare const getToolbarComponents: ({ api, showIndentationButtons, allowHeadingAndParagraphIndentation }: GetToolbarComponentsProps) => RegisterComponent[];
+export declare const getToolbarComponents: ({ api, showIndentationButtons, allowHeadingAndParagraphIndentation, }: GetToolbarComponentsProps) => RegisterComponent[];
 export {};

package/dist/types-ts4.5/ui/utils/hooks.d.ts

@@ -1,10 +1,10 @@
-import type { EditorState } from "prosemirror-state";
-import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
-import type { ToolbarListsIndentationPlugin } from "../../toolbarListsIndentationPluginType";
+import type { EditorState } from 'prosemirror-state';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ToolbarListsIndentationPlugin } from '../../toolbarListsIndentationPluginType';
 type UseIndentationStateProps = {
     api?: ExtractInjectionAPI<ToolbarListsIndentationPlugin>;
     allowHeadingAndParagraphIndentation: boolean;
     state?: EditorState;
 };
-export declare const useIndentationState: ({ api, allowHeadingAndParagraphIndentation, state }: UseIndentationStateProps) => import("../../pm-plugins/indentation-buttons").IndentationButtons | undefined;
+export declare const useIndentationState: ({ api, allowHeadingAndParagraphIndentation, state, }: UseIndentationStateProps) => import("../../pm-plugins/indentation-buttons").IndentationButtons | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-toolbar-lists-indentation",
-	"version": "4.2.0",
+	"version": "4.2.2",
 	"description": "Toolbar lists and indentation plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,16 +44,16 @@
 		"@atlaskit/editor-plugin-toolbar": "^0.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
-		"@atlaskit/editor-toolbar": "^0.2.0",
+		"@atlaskit/editor-toolbar": "^0.3.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
-		"@atlaskit/icon": "^27.11.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^9.27.0",
+		"@atlaskit/tmp-editor-statsig": "^9.29.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.22.0",
+		"@atlaskit/editor-common": "^107.24.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"