@atlaskit/editor-plugin-floating-toolbar 3.1.2 → 3.1.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 3.1.3
+
+### Patch Changes
+
+- [#122186](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122186)
+  [`c629cdfe00a84`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c629cdfe00a84) -
+  migrated icons to new design systems library
+- Updated dependencies
+
 ## 3.1.2
 
 ### Patch Changes

package/dist/cjs/ui/DropdownMenu.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
-var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
+var _checkMarkEditorDone = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--editor-done"));
 var _menu = require("@atlaskit/menu");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
@@ -223,10 +223,11 @@ var SelectedIconBefore = function SelectedIconBefore(_ref) {
   if (showSelected && itemSelected) {
     return (0, _react2.jsx)("span", {
       "aria-hidden": "true"
-    }, (0, _react2.jsx)(_done.default, {
-      primaryColor: "var(--ds-icon-selected, ".concat(_colors.B400, ")"),
-      size: "small",
-      label: intl.formatMessage(_floatingToolbar.messages.confirmModalOK)
+    }, (0, _react2.jsx)(_checkMarkEditorDone.default, {
+      LEGACY_primaryColor: "var(--ds-icon-selected, ".concat(_colors.B400, ")"),
+      LEGACY_size: "small",
+      label: intl.formatMessage(_floatingToolbar.messages.confirmModalOK),
+      spacing: "none"
     }));
   }
   return (0, _react2.jsx)("span", {

package/dist/cjs/ui/ScrollButtons.js

@@ -12,8 +12,8 @@ var _react2 = require("@emotion/react");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _ui = require("@atlaskit/editor-common/ui");
-var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
-var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-large"));
+var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
+var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right--chevron-right-large"));
 var _colors = require("@atlaskit/theme/colors");
 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; }
@@ -34,13 +34,8 @@ var toolbarScrollButtons = (0, _react2.css)({
   flexShrink: 0,
   alignItems: 'center'
 });
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var LeftIcon = _chevronLeftLarge.default;
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var RightIcon = _chevronRightLarge.default;
+var LeftIcon = _chevronLeftChevronLeftLarge.default;
+var RightIcon = _chevronRightChevronRightLarge.default;
 var ScrollButtons = exports.ScrollButtons = function ScrollButtons(_ref) {
   var intl = _ref.intl,
     scrollContainerRef = _ref.scrollContainerRef,

package/dist/es2019/ui/DropdownMenu.js

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 
 import { injectIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
-import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
+import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
 import { ButtonItem, HeadingItem } from '@atlaskit/menu';
 import { B400 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -216,9 +216,10 @@ const SelectedIconBefore = ({
     return jsx("span", {
       "aria-hidden": "true"
     }, jsx(EditorDoneIcon, {
-      primaryColor: `var(--ds-icon-selected, ${B400})`,
-      size: "small",
-      label: intl.formatMessage(messages.confirmModalOK)
+      LEGACY_primaryColor: `var(--ds-icon-selected, ${B400})`,
+      LEGACY_size: "small",
+      label: intl.formatMessage(messages.confirmModalOK),
+      spacing: "none"
     }));
   }
   return jsx("span", {

package/dist/es2019/ui/ScrollButtons.js

@@ -9,8 +9,8 @@ import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
-import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/glyph/chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
+import ChevronRightLargeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
 import { N30 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 const toolbarScrollButtons = css({
@@ -22,12 +22,7 @@ const toolbarScrollButtons = css({
   flexShrink: 0,
   alignItems: 'center'
 });
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const LeftIcon = ChevronLeftLargeIcon;
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const RightIcon = ChevronRightLargeIcon;
 export const ScrollButtons = ({
   intl,

package/dist/esm/ui/DropdownMenu.js

@@ -11,7 +11,7 @@ import { css, jsx } from '@emotion/react';
 
 import { injectIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
-import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
+import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
 import { ButtonItem, HeadingItem } from '@atlaskit/menu';
 import { B400 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -215,9 +215,10 @@ var SelectedIconBefore = function SelectedIconBefore(_ref) {
     return jsx("span", {
       "aria-hidden": "true"
     }, jsx(EditorDoneIcon, {
-      primaryColor: "var(--ds-icon-selected, ".concat(B400, ")"),
-      size: "small",
-      label: intl.formatMessage(messages.confirmModalOK)
+      LEGACY_primaryColor: "var(--ds-icon-selected, ".concat(B400, ")"),
+      LEGACY_size: "small",
+      label: intl.formatMessage(messages.confirmModalOK),
+      spacing: "none"
     }));
   }
   return jsx("span", {

package/dist/esm/ui/ScrollButtons.js

@@ -10,8 +10,8 @@ import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
-import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/glyph/chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
+import ChevronRightLargeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
 import { N30 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var toolbarScrollButtons = css({
@@ -23,12 +23,7 @@ var toolbarScrollButtons = css({
   flexShrink: 0,
   alignItems: 'center'
 });
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var LeftIcon = ChevronLeftLargeIcon;
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var RightIcon = ChevronRightLargeIcon;
 export var ScrollButtons = function ScrollButtons(_ref) {
   var intl = _ref.intl,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "3.1.2",
+	"version": "3.1.3",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -47,7 +47,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.1.0",
 		"@atlaskit/select": "^20.0.0",
-		"@atlaskit/theme": "^17.0.0",
+		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tmp-editor-statsig": "^3.4.0",
 		"@atlaskit/tokens": "^4.3.0",
 		"@atlaskit/tooltip": "^20.0.0",