@atlaskit/editor-plugin-highlight 3.0.18 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-highlight
 
+## 3.1.0
+
+### Minor Changes
+
+- [`1eba43a7b680d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1eba43a7b680d) -
+  [ux] ED-29000 - Address paper cut issues in ColorPalette
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.0.19
+
+### Patch Changes
+
+- [`265c1bf0cefa4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/265c1bf0cefa4) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
 ## 3.0.18
 
 ### Patch Changes

package/dist/cjs/ui/HighlightColorMenuItem.compiled.css

@@ -1,6 +1,9 @@
 
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
+._195gv77o{margin-inline:var(--ds-space-025,2px)}
 ._1dqonqa1{border-style:solid}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
-._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._18u01n1a{margin-left:-1px}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1e0c1o8l{display:inline-block}

package/dist/cjs/ui/HighlightColorMenuItem.js

@@ -20,17 +20,40 @@ var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _checkMarkEditorDone = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--editor-done"));
+var _textStyle = _interopRequireDefault(require("@atlaskit/icon/core/text-style"));
 var _compiled = require("@atlaskit/primitives/compiled");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var styles = {
   container: "_zulpu2gc _19pkpxbi",
-  removeHighlightButton: "_2rkoglpi _189ee4h9 _1dqonqa1 _1h6dmuej"
+  removeHighlightButton: "_2rkoglpi _195gv77o _189ee4h9 _1dqonqa1 _1h6dmuej",
+  icon: "_1e0c1o8l _18u01n1a"
 };
-function HighlightColorMenuItem(_ref) {
-  var api = _ref.api,
-    parents = _ref.parents;
+var TextColorIconDecorator = function TextColorIconDecorator(_ref) {
+  var label = _ref.label,
+    isSelected = _ref.isSelected;
+  var iconColor = "var(--ds-icon, #000000)";
+  return isSelected ? /*#__PURE__*/React.createElement(_checkMarkEditorDone.default, {
+    color: iconColor,
+    LEGACY_primaryColor: iconColor,
+    label: label
+  }) : /*#__PURE__*/React.createElement(_compiled.Box, {
+    as: "span",
+    xcss: styles.icon
+  }, /*#__PURE__*/React.createElement(_textStyle.default, {
+    label: label,
+    color: iconColor,
+    shouldRecommendSmallIcon: true,
+    spacing: "spacious",
+    size: "small"
+  }));
+};
+function HighlightColorMenuItem(_ref2) {
+  var api = _ref2.api,
+    parents = _ref2.parents;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var activeColor = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'highlight.activeColor');
@@ -47,18 +70,24 @@ function HighlightColorMenuItem(_ref) {
     }
   }, [api, closeMenu, parents]);
   var colorPalette = (0, _react.useMemo)(function () {
+    var isSelected = function isSelected(color) {
+      return color.value === activeColor;
+    };
     return _uiColor.highlightColorPaletteNext.filter(function (color) {
       return color.value !== _uiColor.REMOVE_HIGHLIGHT_COLOR;
     }).map(function (color) {
       return _objectSpread(_objectSpread({}, color), {}, {
-        decorator: /*#__PURE__*/React.createElement(_editorToolbar.TextColorIcon, {
+        decorator: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? /*#__PURE__*/React.createElement(TextColorIconDecorator, {
+          label: color.label,
+          isSelected: isSelected(color)
+        }) : /*#__PURE__*/React.createElement(_editorToolbar.TextColorIcon, {
           label: color.label,
           size: "small",
           spacing: "spacious"
         })
       });
     });
-  }, []);
+  }, [activeColor]);
   return /*#__PURE__*/React.createElement(_compiled.Stack, {
     xcss: styles.container,
     testId: "highlight-color-menu-item"

package/dist/es2019/ui/HighlightColorMenuItem.compiled.css

@@ -1,6 +1,9 @@
 
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
+._195gv77o{margin-inline:var(--ds-space-025,2px)}
 ._1dqonqa1{border-style:solid}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
-._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._18u01n1a{margin-left:-1px}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1e0c1o8l{display:inline-block}

package/dist/es2019/ui/HighlightColorMenuItem.js

@@ -11,10 +11,34 @@ import { REMOVE_HIGHLIGHT_COLOR, highlightColorPaletteNext } from '@atlaskit/edi
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { ColorPalette, TextColorIcon, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
-import { Stack, Text } from '@atlaskit/primitives/compiled';
+import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
+import Icon from '@atlaskit/icon/core/text-style';
+import { Stack, Text, Box } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const styles = {
   container: "_zulpu2gc _19pkpxbi",
-  removeHighlightButton: "_2rkoglpi _189ee4h9 _1dqonqa1 _1h6dmuej"
+  removeHighlightButton: "_2rkoglpi _195gv77o _189ee4h9 _1dqonqa1 _1h6dmuej",
+  icon: "_1e0c1o8l _18u01n1a"
+};
+const TextColorIconDecorator = ({
+  label,
+  isSelected
+}) => {
+  const iconColor = "var(--ds-icon, #000000)";
+  return isSelected ? /*#__PURE__*/React.createElement(EditorDoneIcon, {
+    color: iconColor,
+    LEGACY_primaryColor: iconColor,
+    label: label
+  }) : /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: styles.icon
+  }, /*#__PURE__*/React.createElement(Icon, {
+    label: label,
+    color: iconColor,
+    shouldRecommendSmallIcon: true,
+    spacing: "spacious",
+    size: "small"
+  }));
 };
 export function HighlightColorMenuItem({
   api,
@@ -37,14 +61,20 @@ export function HighlightColorMenuItem({
       closeMenu();
     }
   }, [api, closeMenu, parents]);
-  const colorPalette = useMemo(() => highlightColorPaletteNext.filter(color => color.value !== REMOVE_HIGHLIGHT_COLOR).map(color => ({
-    ...color,
-    decorator: /*#__PURE__*/React.createElement(TextColorIcon, {
-      label: color.label,
-      size: "small",
-      spacing: "spacious"
-    })
-  })), []);
+  const colorPalette = useMemo(() => {
+    const isSelected = color => color.value === activeColor;
+    return highlightColorPaletteNext.filter(color => color.value !== REMOVE_HIGHLIGHT_COLOR).map(color => ({
+      ...color,
+      decorator: expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? /*#__PURE__*/React.createElement(TextColorIconDecorator, {
+        label: color.label,
+        isSelected: isSelected(color)
+      }) : /*#__PURE__*/React.createElement(TextColorIcon, {
+        label: color.label,
+        size: "small",
+        spacing: "spacious"
+      })
+    }));
+  }, [activeColor]);
   return /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.container,
     testId: "highlight-color-menu-item"

package/dist/esm/ui/HighlightColorMenuItem.compiled.css

@@ -1,6 +1,9 @@
 
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
+._195gv77o{margin-inline:var(--ds-space-025,2px)}
 ._1dqonqa1{border-style:solid}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
-._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._18u01n1a{margin-left:-1px}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1e0c1o8l{display:inline-block}

package/dist/esm/ui/HighlightColorMenuItem.js

@@ -14,14 +14,37 @@ import { REMOVE_HIGHLIGHT_COLOR, highlightColorPaletteNext } from '@atlaskit/edi
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { ColorPalette, TextColorIcon, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
-import { Stack, Text } from '@atlaskit/primitives/compiled';
+import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
+import Icon from '@atlaskit/icon/core/text-style';
+import { Stack, Text, Box } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var styles = {
   container: "_zulpu2gc _19pkpxbi",
-  removeHighlightButton: "_2rkoglpi _189ee4h9 _1dqonqa1 _1h6dmuej"
+  removeHighlightButton: "_2rkoglpi _195gv77o _189ee4h9 _1dqonqa1 _1h6dmuej",
+  icon: "_1e0c1o8l _18u01n1a"
 };
-export function HighlightColorMenuItem(_ref) {
-  var api = _ref.api,
-    parents = _ref.parents;
+var TextColorIconDecorator = function TextColorIconDecorator(_ref) {
+  var label = _ref.label,
+    isSelected = _ref.isSelected;
+  var iconColor = "var(--ds-icon, #000000)";
+  return isSelected ? /*#__PURE__*/React.createElement(EditorDoneIcon, {
+    color: iconColor,
+    LEGACY_primaryColor: iconColor,
+    label: label
+  }) : /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: styles.icon
+  }, /*#__PURE__*/React.createElement(Icon, {
+    label: label,
+    color: iconColor,
+    shouldRecommendSmallIcon: true,
+    spacing: "spacious",
+    size: "small"
+  }));
+};
+export function HighlightColorMenuItem(_ref2) {
+  var api = _ref2.api,
+    parents = _ref2.parents;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var activeColor = useSharedPluginStateSelector(api, 'highlight.activeColor');
@@ -38,18 +61,24 @@ export function HighlightColorMenuItem(_ref) {
     }
   }, [api, closeMenu, parents]);
   var colorPalette = useMemo(function () {
+    var isSelected = function isSelected(color) {
+      return color.value === activeColor;
+    };
     return highlightColorPaletteNext.filter(function (color) {
       return color.value !== REMOVE_HIGHLIGHT_COLOR;
     }).map(function (color) {
       return _objectSpread(_objectSpread({}, color), {}, {
-        decorator: /*#__PURE__*/React.createElement(TextColorIcon, {
+        decorator: expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? /*#__PURE__*/React.createElement(TextColorIconDecorator, {
+          label: color.label,
+          isSelected: isSelected(color)
+        }) : /*#__PURE__*/React.createElement(TextColorIcon, {
           label: color.label,
           size: "small",
           spacing: "spacious"
         })
       });
     });
-  }, []);
+  }, [activeColor]);
   return /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.container,
     testId: "highlight-color-menu-item"

package/dist/types/editor-commands/palette.d.ts

@@ -5,6 +5,6 @@ export declare const togglePalette: (api: ExtractInjectionAPI<HighlightPlugin>)
     inputMethod: INPUT_METHOD;
 }) => Command;
 export declare const setPalette: (api: ExtractInjectionAPI<HighlightPlugin>) => ({ isPaletteOpen, inputMethod, }: {
-    isPaletteOpen: boolean;
     inputMethod: INPUT_METHOD;
+    isPaletteOpen: boolean;
 }) => Command;

package/dist/types/highlightPluginType.d.ts

@@ -8,6 +8,12 @@ import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
 import type { HighlightPluginState } from './pm-plugins/main';
 export type HighlightPlugin = NextEditorPlugin<'highlight', {
+    commands: {
+        changeColor: ({ color }: {
+            color: string;
+            inputMethod: INPUT_METHOD;
+        }) => EditorCommand;
+    };
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<TextFormattingPlugin>,
@@ -17,10 +23,4 @@ export type HighlightPlugin = NextEditorPlugin<'highlight', {
         OptionalPlugin<UserPreferencesPlugin>
     ];
     sharedState: HighlightPluginState | undefined;
-    commands: {
-        changeColor: ({ color }: {
-            color: string;
-            inputMethod: INPUT_METHOD;
-        }) => EditorCommand;
-    };
 }>;

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

@@ -5,8 +5,8 @@ import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { HighlightPlugin } from '../highlightPluginType';
 type FloatingToolbarHighlightColorProps = {
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
     editorView: EditorView | undefined;
+    pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
 } & WrappedComponentProps;
 export declare const FloatingToolbarHighlightColorWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<FloatingToolbarHighlightColorProps>> & {
     WrappedComponent: import("react").ComponentType<FloatingToolbarHighlightColorProps>;

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

@@ -3,13 +3,13 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { HighlightPlugin } from '../highlightPluginType';
 type PrimaryToolbarHighlightColorProps = {
-    popupsMountPoint?: HTMLElement;
-    popupsBoundariesElement?: HTMLElement;
-    popupsScrollableElement?: HTMLElement;
     disabled: boolean;
+    editorView: EditorView;
     isToolbarReducedSpacing: boolean;
     pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
-    editorView: EditorView;
+    popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
 } & WrappedComponentProps;
 export declare const PrimaryToolbarHighlightColorWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<PrimaryToolbarHighlightColorProps>> & {
     WrappedComponent: import("react").ComponentType<PrimaryToolbarHighlightColorProps>;

package/dist/types/ui/shared/PaletteDropdown.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { type WithOutsideClickProps } from '@atlaskit/editor-common/ui';
 type PaletteDropdownProps = {
-    popupsMountPoint?: HTMLElement;
+    activeColor: string | null;
+    isOpen: boolean;
+    isOpenedByKeyboard: boolean;
+    onColorChange: (color: string) => void;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    isOpen: boolean;
-    activeColor: string | null;
     trigger: React.ReactElement;
-    onColorChange: (color: string) => void;
-    isOpenedByKeyboard: boolean;
 } & WithOutsideClickProps;
 export declare const PaletteDropdown: (props: PaletteDropdownProps) => React.JSX.Element;
 export {};

package/dist/types/ui/shared/useDropdownEvents.d.ts

@@ -3,9 +3,9 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ToolbarButtonRef } from '@atlaskit/editor-common/ui-menu';
 import type { HighlightPlugin } from '../../highlightPluginType';
 type UseDropdownEventArgs = {
-    setIsDropdownOpen: (isOpen: boolean) => void;
     isDropdownOpen: boolean;
     pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
+    setIsDropdownOpen: (isOpen: boolean) => void;
     toolbarItemRef: React.RefObject<ToolbarButtonRef>;
 };
 export declare const useDropdownEvents: (args: UseDropdownEventArgs) => {

package/dist/types-ts4.5/editor-commands/palette.d.ts

@@ -5,6 +5,6 @@ export declare const togglePalette: (api: ExtractInjectionAPI<HighlightPlugin>)
     inputMethod: INPUT_METHOD;
 }) => Command;
 export declare const setPalette: (api: ExtractInjectionAPI<HighlightPlugin>) => ({ isPaletteOpen, inputMethod, }: {
-    isPaletteOpen: boolean;
     inputMethod: INPUT_METHOD;
+    isPaletteOpen: boolean;
 }) => Command;

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

@@ -8,6 +8,12 @@ import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
 import type { HighlightPluginState } from './pm-plugins/main';
 export type HighlightPlugin = NextEditorPlugin<'highlight', {
+    commands: {
+        changeColor: ({ color }: {
+            color: string;
+            inputMethod: INPUT_METHOD;
+        }) => EditorCommand;
+    };
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<TextFormattingPlugin>,
@@ -17,10 +23,4 @@ export type HighlightPlugin = NextEditorPlugin<'highlight', {
         OptionalPlugin<UserPreferencesPlugin>
     ];
     sharedState: HighlightPluginState | undefined;
-    commands: {
-        changeColor: ({ color }: {
-            color: string;
-            inputMethod: INPUT_METHOD;
-        }) => EditorCommand;
-    };
 }>;

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

@@ -5,8 +5,8 @@ import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { HighlightPlugin } from '../highlightPluginType';
 type FloatingToolbarHighlightColorProps = {
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
     editorView: EditorView | undefined;
+    pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
 } & WrappedComponentProps;
 export declare const FloatingToolbarHighlightColorWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<FloatingToolbarHighlightColorProps>> & {
     WrappedComponent: import("react").ComponentType<FloatingToolbarHighlightColorProps>;

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

@@ -3,13 +3,13 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { HighlightPlugin } from '../highlightPluginType';
 type PrimaryToolbarHighlightColorProps = {
-    popupsMountPoint?: HTMLElement;
-    popupsBoundariesElement?: HTMLElement;
-    popupsScrollableElement?: HTMLElement;
     disabled: boolean;
+    editorView: EditorView;
     isToolbarReducedSpacing: boolean;
     pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
-    editorView: EditorView;
+    popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
 } & WrappedComponentProps;
 export declare const PrimaryToolbarHighlightColorWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<PrimaryToolbarHighlightColorProps>> & {
     WrappedComponent: import("react").ComponentType<PrimaryToolbarHighlightColorProps>;

package/dist/types-ts4.5/ui/shared/PaletteDropdown.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { type WithOutsideClickProps } from '@atlaskit/editor-common/ui';
 type PaletteDropdownProps = {
-    popupsMountPoint?: HTMLElement;
+    activeColor: string | null;
+    isOpen: boolean;
+    isOpenedByKeyboard: boolean;
+    onColorChange: (color: string) => void;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    isOpen: boolean;
-    activeColor: string | null;
     trigger: React.ReactElement;
-    onColorChange: (color: string) => void;
-    isOpenedByKeyboard: boolean;
 } & WithOutsideClickProps;
 export declare const PaletteDropdown: (props: PaletteDropdownProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/shared/useDropdownEvents.d.ts

@@ -3,9 +3,9 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ToolbarButtonRef } from '@atlaskit/editor-common/ui-menu';
 import type { HighlightPlugin } from '../../highlightPluginType';
 type UseDropdownEventArgs = {
-    setIsDropdownOpen: (isOpen: boolean) => void;
     isDropdownOpen: boolean;
     pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
+    setIsDropdownOpen: (isOpen: boolean) => void;
     toolbarItemRef: React.RefObject<ToolbarButtonRef>;
 };
 export declare const useDropdownEvents: (args: UseDropdownEventArgs) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-highlight",
-	"version": "3.0.18",
+	"version": "3.1.0",
 	"description": "Highlight plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,11 +31,8 @@
 		"*.compiled.css"
 	],
 	"atlaskit:src": "src/index.ts",
-	"af:exports": {
-		".": "./src/index.ts"
-	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^50.2.1",
+		"@atlaskit/adf-schema": "^50.2.2",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/editor-palette": "^2.1.0",
@@ -47,18 +44,18 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/editor-toolbar": "^0.3.0",
+		"@atlaskit/editor-toolbar": "^0.4.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
-		"@atlaskit/icon": "^28.0.0",
+		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/tmp-editor-statsig": "^11.5.0",
-		"@atlaskit/tokens": "^6.0.0",
+		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/tmp-editor-statsig": "^11.8.0",
+		"@atlaskit/tokens": "^6.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.28.0",
+		"@atlaskit/editor-common": "^107.32.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},