@atlaskit/editor-plugin-floating-toolbar 1.13.13 → 1.13.15

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 1.13.15
+
+### Patch Changes
+
+- [#152823](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152823)
+  [`0ec705650807f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0ec705650807f) -
+  [ux] ED-25090: ED-25090: Migrated link toolbar and panel toolbar to use the new icons
+
+## 1.13.14
+
+### Patch Changes
+
+- [#152594](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152594)
+  [`4f17733c95c94`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4f17733c95c94) -
+  [ux] ED-25093: Migrated media toolbar to use the new icons
+
 ## 1.13.13
 
 ### Patch Changes

package/dist/cjs/ui/Dropdown.js

@@ -18,6 +18,7 @@ var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
 var _Divider = require("./Divider");
 var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
 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); }
@@ -45,8 +46,11 @@ var CompositeIcon = function CompositeIcon(_ref) {
     css: iconGroup
   }, icon, (0, _react2.jsx)("span", {
     css: dropdownExpandContainer
-  }, (0, _react2.jsx)(_chevronDown.default, {
-    label: "Expand dropdown menu"
+  }, (0, _react2.jsx)(_chevronDown2.default, {
+    color: "currentColor",
+    spacing: "spacious",
+    label: "Expand dropdown menu",
+    LEGACY_fallbackIcon: _chevronDown.default
   })));
 };
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -163,8 +167,11 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
           testId: buttonTestId,
           iconAfter: (0, _react2.jsx)("span", {
             css: dropdownExpandContainer
-          }, (0, _react2.jsx)(_chevronDown.default, {
-            label: "Expand dropdown menu"
+          }, (0, _react2.jsx)(_chevronDown2.default, {
+            color: "currentColor",
+            spacing: "spacious",
+            label: "Expand dropdown menu",
+            LEGACY_fallbackIcon: _chevronDown.default
           })),
           icon: iconBefore,
           onClick: this.toggleOpen,

package/dist/cjs/ui/EmojiPickerButton.js

@@ -13,6 +13,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
 var _emoji = require("@atlaskit/emoji");
+var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _EditorEmojiAddIcon = _interopRequireDefault(require("./EditorEmojiAddIcon"));
 /**
@@ -128,6 +129,10 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
     ref: buttonRef,
     isSelected: props.isSelected,
     "aria-label": title,
-    iconBefore: (0, _react2.jsx)(_EditorEmojiAddIcon.default, null)
+    iconBefore: (0, _react2.jsx)(_emojiAdd.default, {
+      color: "currentColor",
+      LEGACY_fallbackIcon: _EditorEmojiAddIcon.default,
+      label: "emoji-picker-button"
+    })
   })), renderPopup());
 };

package/dist/es2019/ui/Dropdown.js

@@ -12,6 +12,7 @@ import { css, jsx } from '@emotion/react';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { Divider } from './Divider';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 
@@ -30,8 +31,11 @@ const CompositeIcon = ({
   css: iconGroup
 }, icon, jsx("span", {
   css: dropdownExpandContainer
-}, jsx(ExpandIcon, {
-  label: "Expand dropdown menu"
+}, jsx(ChevronDownIcon, {
+  color: "currentColor",
+  spacing: "spacious",
+  label: "Expand dropdown menu",
+  LEGACY_fallbackIcon: ExpandIcon
 })));
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export default class Dropdown extends Component {
@@ -142,8 +146,11 @@ export default class Dropdown extends Component {
         testId: buttonTestId,
         iconAfter: jsx("span", {
           css: dropdownExpandContainer
-        }, jsx(ExpandIcon, {
-          label: "Expand dropdown menu"
+        }, jsx(ChevronDownIcon, {
+          color: "currentColor",
+          spacing: "spacious",
+          label: "Expand dropdown menu",
+          LEGACY_fallbackIcon: ExpandIcon
         })),
         icon: iconBefore,
         onClick: this.toggleOpen,

package/dist/es2019/ui/EmojiPickerButton.js

@@ -11,6 +11,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { EmojiPicker } from '@atlaskit/emoji';
+import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import Tooltip from '@atlaskit/tooltip';
 import EditorEmojiAddIcon from './EditorEmojiAddIcon';
 
@@ -116,6 +117,10 @@ export const EmojiPickerButton = props => {
     ref: buttonRef,
     isSelected: props.isSelected,
     "aria-label": title,
-    iconBefore: jsx(EditorEmojiAddIcon, null)
+    iconBefore: jsx(EmojiAddIcon, {
+      color: "currentColor",
+      LEGACY_fallbackIcon: EditorEmojiAddIcon,
+      label: "emoji-picker-button"
+    })
   })), renderPopup());
 };

package/dist/esm/ui/Dropdown.js

@@ -22,6 +22,7 @@ import { css, jsx } from '@emotion/react';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { Divider } from './Divider';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 
@@ -40,8 +41,11 @@ var CompositeIcon = function CompositeIcon(_ref) {
     css: iconGroup
   }, icon, jsx("span", {
     css: dropdownExpandContainer
-  }, jsx(ExpandIcon, {
-    label: "Expand dropdown menu"
+  }, jsx(ChevronDownIcon, {
+    color: "currentColor",
+    spacing: "spacious",
+    label: "Expand dropdown menu",
+    LEGACY_fallbackIcon: ExpandIcon
   })));
 };
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -158,8 +162,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           testId: buttonTestId,
           iconAfter: jsx("span", {
             css: dropdownExpandContainer
-          }, jsx(ExpandIcon, {
-            label: "Expand dropdown menu"
+          }, jsx(ChevronDownIcon, {
+            color: "currentColor",
+            spacing: "spacious",
+            label: "Expand dropdown menu",
+            LEGACY_fallbackIcon: ExpandIcon
           })),
           icon: iconBefore,
           onClick: this.toggleOpen,

package/dist/esm/ui/EmojiPickerButton.js

@@ -12,6 +12,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { EmojiPicker } from '@atlaskit/emoji';
+import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import Tooltip from '@atlaskit/tooltip';
 import EditorEmojiAddIcon from './EditorEmojiAddIcon';
 
@@ -121,6 +122,10 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
     ref: buttonRef,
     isSelected: props.isSelected,
     "aria-label": title,
-    iconBefore: jsx(EditorEmojiAddIcon, null)
+    iconBefore: jsx(EmojiAddIcon, {
+      color: "currentColor",
+      LEGACY_fallbackIcon: EditorEmojiAddIcon,
+      label: "emoji-picker-button"
+    })
   })), renderPopup());
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "1.13.13",
+	"version": "1.13.15",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,7 +40,7 @@
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/emoji": "^67.8.0",
 		"@atlaskit/icon": "^22.22.0",
-		"@atlaskit/menu": "^2.12.0",
+		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.2.0",