@atlaskit/editor-plugin-selection-toolbar 2.3.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-selection-toolbar
 
+## 3.0.0
+
+### Major Changes
+
+- [#132776](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132776)
+  [`555c2073facfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/555c2073facfe) -
+  Upgrade to used compile css and remove dependency on emotion
+
+## 2.3.1
+
+### Patch Changes
+
+- [#131384](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131384)
+  [`e3a1b4a5535aa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3a1b4a5535aa) -
+  [ux] ED-26882 remove mock extension toolbar items
+
 ## 2.3.0
 
 ### Minor Changes

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

@@ -0,0 +1,4 @@
+._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._ca0q12x7{padding-top:var(--ds-space-075,6px)}
+._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
+._u5f312x7{padding-right:var(--ds-space-075,6px)}

package/dist/cjs/ui/PrimaryToolbarComponent.js

@@ -1,26 +1,25 @@
+/* PrimaryToolbarComponent.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
+require("./PrimaryToolbarComponent.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _overflowToolbarConfig = require("./overflow-toolbar-config");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
-
-// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
-
+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; }
 var DROPDOWN_WIDTH = 240;
+var buttonStyles = null;
 function PrimaryToolbarComponent(_ref) {
   var api = _ref.api,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
@@ -44,7 +43,7 @@ function PrimaryToolbarComponent(_ref) {
     var item = _ref2.item;
     item === null || item === void 0 || (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
   }, []);
-  return (0, _react2.jsx)(_uiMenu.DropdownMenu, {
+  return /*#__PURE__*/React.createElement(_uiMenu.DropdownMenu, {
     isOpen: isOpen,
     onOpenChange: function onOpenChange(attrs) {
       return setIsOpen(attrs.isOpen);
@@ -61,7 +60,7 @@ function PrimaryToolbarComponent(_ref) {
     },
     onItemActivated: onMenuItemActivated,
     fitWidth: DROPDOWN_WIDTH
-  }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
     onClick: onClick,
     "aria-haspopup": "dialog",
     "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.addLink),
@@ -69,11 +68,8 @@ function PrimaryToolbarComponent(_ref) {
     title: content
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
     ,
-    css: buttonStyles
-  }, (0, _react2.jsx)(_showMoreHorizontal.default, {
+    className: (0, _runtime.ax)(["_ca0q12x7 _n3td12x7 _19bv12x7 _u5f312x7"])
+  }, /*#__PURE__*/React.createElement(_showMoreHorizontal.default, {
     label: content
   })));
-}
-var buttonStyles = (0, _react2.css)({
-  padding: "var(--ds-space-075, 6px)"
-});
+}

package/dist/cjs/ui/overflow-toolbar-config.js

@@ -1,53 +1,26 @@
+/* overflow-toolbar-config.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getOverflowPrimaryToolbarConfig = exports.getOverflowFloatingToolbarConfig = void 0;
-var _react = require("@emotion/react");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _dockToolbarTop = _interopRequireDefault(require("@atlaskit/icon-lab/core/dock-toolbar-top"));
 var _minus = _interopRequireDefault(require("@atlaskit/icon/core/minus"));
 var _checkMark = _interopRequireDefault(require("@atlaskit/icon/utility/check-mark"));
-var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right"));
 var _menu = require("@atlaskit/menu");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
-// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
-
+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; }
 // New editor controls
 var getOverflowFloatingToolbarConfig = exports.getOverflowFloatingToolbarConfig = function getOverflowFloatingToolbarConfig(_ref) {
   var api = _ref.api,
     toolbarDocking = _ref.toolbarDocking;
-  var dropdownOptions = [{
-    title: 'Create Jira issue',
-    onClick: function onClick() {
-      return false;
-    },
-    elemAfter: (0, _react.jsx)(_chevronRight.default, {
-      spacing: "spacious",
-      label: ""
-    })
-  }, {
-    title: 'Define',
-    onClick: function onClick() {
-      return false;
-    }
-  }, {
-    title: 'Apps',
-    onClick: function onClick() {
-      return false;
-    },
-    elemAfter: (0, _react.jsx)(_chevronRight.default, {
-      spacing: "spacious",
-      label: ""
-    })
-  }];
   var isDockedToTop = toolbarDocking === 'top';
-  dropdownOptions.push({
+  var dropdownOptions = [{
     type: 'overflow-dropdown-heading',
     title: 'Toolbar appears'
   }, {
@@ -60,7 +33,7 @@ var getOverflowFloatingToolbarConfig = exports.getOverflowFloatingToolbarConfig
       label: 'Contextual toolbar'
     }),
     selected: !isDockedToTop,
-    elemAfter: !isDockedToTop ? (0, _react.jsx)(_checkMark.default, {
+    elemAfter: !isDockedToTop ? /*#__PURE__*/React.createElement(_checkMark.default, {
       label: ""
     }) : undefined
   }, {
@@ -73,10 +46,10 @@ var getOverflowFloatingToolbarConfig = exports.getOverflowFloatingToolbarConfig
       label: 'Fixed toolbar'
     }),
     selected: isDockedToTop,
-    elemAfter: isDockedToTop ? (0, _react.jsx)(_checkMark.default, {
+    elemAfter: isDockedToTop ? /*#__PURE__*/React.createElement(_checkMark.default, {
       label: ""
     }) : undefined
-  });
+  }];
   return [{
     type: 'separator',
     fullHeight: true
@@ -90,7 +63,7 @@ var getOverflowPrimaryToolbarConfig = exports.getOverflowPrimaryToolbarConfig =
   var api = _ref2.api;
   return [{
     items: [{
-      content: (0, _react.jsx)(_menu.HeadingItem, null, "Toolbar appears"),
+      content: /*#__PURE__*/React.createElement(_menu.HeadingItem, null, "Toolbar appears"),
       value: {
         name: ''
       },
@@ -120,7 +93,7 @@ var getOverflowPrimaryToolbarConfig = exports.getOverflowPrimaryToolbarConfig =
       elemBefore: (0, _dockToolbarTop.default)({
         label: 'Fixed toolbar'
       }),
-      elemAfter: (0, _react.jsx)(_checkMark.default, {
+      elemAfter: /*#__PURE__*/React.createElement(_checkMark.default, {
         label: ""
       })
     }]

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

@@ -0,0 +1,4 @@
+._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._ca0q12x7{padding-top:var(--ds-space-075,6px)}
+._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
+._u5f312x7{padding-right:var(--ds-space-075,6px)}

package/dist/es2019/ui/PrimaryToolbarComponent.js

@@ -1,16 +1,14 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
+/* PrimaryToolbarComponent.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./PrimaryToolbarComponent.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
-import { css, jsx } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
-
 import { addLink, getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 import { ArrowKeyNavigationType, DropdownMenu, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { getOverflowPrimaryToolbarConfig } from './overflow-toolbar-config';
 const DROPDOWN_WIDTH = 240;
+const buttonStyles = null;
 export function PrimaryToolbarComponent({
   api,
   popupsBoundariesElement,
@@ -31,7 +29,7 @@ export function PrimaryToolbarComponent({
     var _item$onClick;
     item === null || item === void 0 ? void 0 : (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item);
   }, []);
-  return jsx(DropdownMenu, {
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
     isOpen: isOpen,
     onOpenChange: attrs => setIsOpen(attrs.isOpen),
     items: items,
@@ -46,7 +44,7 @@ export function PrimaryToolbarComponent({
     },
     onItemActivated: onMenuItemActivated,
     fitWidth: DROPDOWN_WIDTH
-  }, jsx(ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
     onClick: onClick,
     "aria-haspopup": "dialog",
     "aria-keyshortcuts": getAriaKeyshortcuts(addLink),
@@ -54,11 +52,8 @@ export function PrimaryToolbarComponent({
     title: content
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
     ,
-    css: buttonStyles
-  }, jsx(ShowMoreHorizontalIcon, {
+    className: ax(["_ca0q12x7 _n3td12x7 _19bv12x7 _u5f312x7"])
+  }, /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
     label: content
   })));
-}
-const buttonStyles = css({
-  padding: "var(--ds-space-075, 6px)"
-});
+}

package/dist/es2019/ui/overflow-toolbar-config.js

@@ -1,46 +1,17 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
-import { jsx } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
-
+/* overflow-toolbar-config.tsx generated by @compiled/babel-plugin v0.36.1 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import DockToolbarTopIcon from '@atlaskit/icon-lab/core/dock-toolbar-top';
 import MinusIcon from '@atlaskit/icon/core/minus';
 import CheckMarkIcon from '@atlaskit/icon/utility/check-mark';
-import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right';
 import { HeadingItem } from '@atlaskit/menu';
 // New editor controls
 export const getOverflowFloatingToolbarConfig = ({
   api,
   toolbarDocking
 }) => {
-  const dropdownOptions = [{
-    title: 'Create Jira issue',
-    onClick: () => {
-      return false;
-    },
-    elemAfter: jsx(ChevronRightIcon, {
-      spacing: "spacious",
-      label: ""
-    })
-  }, {
-    title: 'Define',
-    onClick: () => {
-      return false;
-    }
-  }, {
-    title: 'Apps',
-    onClick: () => {
-      return false;
-    },
-    elemAfter: jsx(ChevronRightIcon, {
-      spacing: "spacious",
-      label: ""
-    })
-  }];
   const isDockedToTop = toolbarDocking === 'top';
-  dropdownOptions.push({
+  const dropdownOptions = [{
     type: 'overflow-dropdown-heading',
     title: 'Toolbar appears'
   }, {
@@ -53,7 +24,7 @@ export const getOverflowFloatingToolbarConfig = ({
       label: 'Contextual toolbar'
     }),
     selected: !isDockedToTop,
-    elemAfter: !isDockedToTop ? jsx(CheckMarkIcon, {
+    elemAfter: !isDockedToTop ? /*#__PURE__*/React.createElement(CheckMarkIcon, {
       label: ""
     }) : undefined
   }, {
@@ -66,10 +37,10 @@ export const getOverflowFloatingToolbarConfig = ({
       label: 'Fixed toolbar'
     }),
     selected: isDockedToTop,
-    elemAfter: isDockedToTop ? jsx(CheckMarkIcon, {
+    elemAfter: isDockedToTop ? /*#__PURE__*/React.createElement(CheckMarkIcon, {
       label: ""
     }) : undefined
-  });
+  }];
   return [{
     type: 'separator',
     fullHeight: true
@@ -83,7 +54,7 @@ export const getOverflowPrimaryToolbarConfig = ({
   api
 }) => [{
   items: [{
-    content: jsx(HeadingItem, null, "Toolbar appears"),
+    content: /*#__PURE__*/React.createElement(HeadingItem, null, "Toolbar appears"),
     value: {
       name: ''
     },
@@ -113,7 +84,7 @@ export const getOverflowPrimaryToolbarConfig = ({
     elemBefore: DockToolbarTopIcon({
       label: 'Fixed toolbar'
     }),
-    elemAfter: jsx(CheckMarkIcon, {
+    elemAfter: /*#__PURE__*/React.createElement(CheckMarkIcon, {
       label: ""
     })
   }]

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

@@ -0,0 +1,4 @@
+._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._ca0q12x7{padding-top:var(--ds-space-075,6px)}
+._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
+._u5f312x7{padding-right:var(--ds-space-075,6px)}

package/dist/esm/ui/PrimaryToolbarComponent.js

@@ -1,17 +1,15 @@
+/* PrimaryToolbarComponent.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
+import "./PrimaryToolbarComponent.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
-import { css, jsx } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
-
 import { addLink, getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 import { ArrowKeyNavigationType, DropdownMenu, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { getOverflowPrimaryToolbarConfig } from './overflow-toolbar-config';
 var DROPDOWN_WIDTH = 240;
+var buttonStyles = null;
 export function PrimaryToolbarComponent(_ref) {
   var api = _ref.api,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
@@ -35,7 +33,7 @@ export function PrimaryToolbarComponent(_ref) {
     var item = _ref2.item;
     item === null || item === void 0 || (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
   }, []);
-  return jsx(DropdownMenu, {
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
     isOpen: isOpen,
     onOpenChange: function onOpenChange(attrs) {
       return setIsOpen(attrs.isOpen);
@@ -52,7 +50,7 @@ export function PrimaryToolbarComponent(_ref) {
     },
     onItemActivated: onMenuItemActivated,
     fitWidth: DROPDOWN_WIDTH
-  }, jsx(ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
     onClick: onClick,
     "aria-haspopup": "dialog",
     "aria-keyshortcuts": getAriaKeyshortcuts(addLink),
@@ -60,11 +58,8 @@ export function PrimaryToolbarComponent(_ref) {
     title: content
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
     ,
-    css: buttonStyles
-  }, jsx(ShowMoreHorizontalIcon, {
+    className: ax(["_ca0q12x7 _n3td12x7 _19bv12x7 _u5f312x7"])
+  }, /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
     label: content
   })));
-}
-var buttonStyles = css({
-  padding: "var(--ds-space-075, 6px)"
-});
+}

package/dist/esm/ui/overflow-toolbar-config.js

@@ -1,45 +1,16 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
-import { jsx } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
-
+/* overflow-toolbar-config.tsx generated by @compiled/babel-plugin v0.36.1 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import DockToolbarTopIcon from '@atlaskit/icon-lab/core/dock-toolbar-top';
 import MinusIcon from '@atlaskit/icon/core/minus';
 import CheckMarkIcon from '@atlaskit/icon/utility/check-mark';
-import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right';
 import { HeadingItem } from '@atlaskit/menu';
 // New editor controls
 export var getOverflowFloatingToolbarConfig = function getOverflowFloatingToolbarConfig(_ref) {
   var api = _ref.api,
     toolbarDocking = _ref.toolbarDocking;
-  var dropdownOptions = [{
-    title: 'Create Jira issue',
-    onClick: function onClick() {
-      return false;
-    },
-    elemAfter: jsx(ChevronRightIcon, {
-      spacing: "spacious",
-      label: ""
-    })
-  }, {
-    title: 'Define',
-    onClick: function onClick() {
-      return false;
-    }
-  }, {
-    title: 'Apps',
-    onClick: function onClick() {
-      return false;
-    },
-    elemAfter: jsx(ChevronRightIcon, {
-      spacing: "spacious",
-      label: ""
-    })
-  }];
   var isDockedToTop = toolbarDocking === 'top';
-  dropdownOptions.push({
+  var dropdownOptions = [{
     type: 'overflow-dropdown-heading',
     title: 'Toolbar appears'
   }, {
@@ -52,7 +23,7 @@ export var getOverflowFloatingToolbarConfig = function getOverflowFloatingToolba
       label: 'Contextual toolbar'
     }),
     selected: !isDockedToTop,
-    elemAfter: !isDockedToTop ? jsx(CheckMarkIcon, {
+    elemAfter: !isDockedToTop ? /*#__PURE__*/React.createElement(CheckMarkIcon, {
       label: ""
     }) : undefined
   }, {
@@ -65,10 +36,10 @@ export var getOverflowFloatingToolbarConfig = function getOverflowFloatingToolba
       label: 'Fixed toolbar'
     }),
     selected: isDockedToTop,
-    elemAfter: isDockedToTop ? jsx(CheckMarkIcon, {
+    elemAfter: isDockedToTop ? /*#__PURE__*/React.createElement(CheckMarkIcon, {
       label: ""
     }) : undefined
-  });
+  }];
   return [{
     type: 'separator',
     fullHeight: true
@@ -82,7 +53,7 @@ export var getOverflowPrimaryToolbarConfig = function getOverflowPrimaryToolbarC
   var api = _ref2.api;
   return [{
     items: [{
-      content: jsx(HeadingItem, null, "Toolbar appears"),
+      content: /*#__PURE__*/React.createElement(HeadingItem, null, "Toolbar appears"),
       value: {
         name: ''
       },
@@ -112,7 +83,7 @@ export var getOverflowPrimaryToolbarConfig = function getOverflowPrimaryToolbarC
       elemBefore: DockToolbarTopIcon({
         label: 'Fixed toolbar'
       }),
-      elemAfter: jsx(CheckMarkIcon, {
+      elemAfter: /*#__PURE__*/React.createElement(CheckMarkIcon, {
         label: ""
       })
     }]

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

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SelectionToolbarPlugin } from '../selectionToolbarPluginType';
 type Props = {
@@ -7,5 +7,5 @@ type Props = {
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
 };
-export declare function PrimaryToolbarComponent({ api, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, }: Props): jsx.JSX.Element;
+export declare function PrimaryToolbarComponent({ api, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, }: Props): JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SelectionToolbarPlugin } from '../selectionToolbarPluginType';
 type Props = {
@@ -7,5 +7,5 @@ type Props = {
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
 };
-export declare function PrimaryToolbarComponent({ api, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, }: Props): jsx.JSX.Element;
+export declare function PrimaryToolbarComponent({ api, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, }: Props): JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-toolbar",
-	"version": "2.3.0",
+	"version": "3.0.0",
 	"description": "@atlaskit/editor-plugin-selection-toolbar for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,18 +33,18 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
+		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/editor-common": "^102.13.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^3.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^3.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/icon": "^25.0.0",
-		"@atlaskit/icon-lab": "^4.3.0",
+		"@atlaskit/icon": "^25.2.0",
+		"@atlaskit/icon-lab": "^4.5.0",
 		"@atlaskit/menu": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^4.3.0",
+		"@atlaskit/tmp-editor-statsig": "^4.4.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {