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

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "1.13.13",
+	"version": "1.13.14",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",