@atlaskit/editor-plugin-breakout 1.9.0 → 1.9.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-breakout
 
+## 1.9.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.9.1
+
+### Patch Changes
+
+- [#158057](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158057)
+  [`1051d541ab905`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1051d541ab905) -
+  migrate breakout button icons
+- Updated dependencies
+
 ## 1.9.0
 
 ### Minor Changes

package/dist/cjs/ui/LayoutButton.js

@@ -14,6 +14,8 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _growHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/grow-horizontal"));
+var _shrinkHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-horizontal"));
 var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/collapse"));
 var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
 var _colors = require("@atlaskit/theme/colors");
@@ -111,10 +113,14 @@ var LayoutButton = function LayoutButton(_ref) {
     onClick: function onClick() {
       return handleClick(nextBreakoutMode);
     },
-    iconBefore: breakoutMode === 'full-width' ? (0, _react2.jsx)(_collapse.default, {
-      label: title
-    }) : (0, _react2.jsx)(_expand.default, {
-      label: title
+    iconBefore: breakoutMode === 'full-width' ? (0, _react2.jsx)(_shrinkHorizontal.default, {
+      label: title,
+      LEGACY_fallbackIcon: _collapse.default,
+      spacing: "spacious"
+    }) : (0, _react2.jsx)(_growHorizontal.default, {
+      label: title,
+      LEGACY_fallbackIcon: _expand.default,
+      spacing: "spacious"
     })
   })));
 };

package/dist/es2019/ui/LayoutButton.js

@@ -13,6 +13,8 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos, findParentDomRefOfType } from '@atlaskit/editor-prosemirror/utils';
+import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
+import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
@@ -108,10 +110,14 @@ const LayoutButton = ({
     title: title,
     testId: titleMessage.id,
     onClick: () => handleClick(nextBreakoutMode),
-    iconBefore: breakoutMode === 'full-width' ? jsx(CollapseIcon, {
-      label: title
-    }) : jsx(ExpandIcon, {
-      label: title
+    iconBefore: breakoutMode === 'full-width' ? jsx(ShrinkHorizontalIcon, {
+      label: title,
+      LEGACY_fallbackIcon: CollapseIcon,
+      spacing: "spacious"
+    }) : jsx(GrowHorizontalIcon, {
+      label: title,
+      LEGACY_fallbackIcon: ExpandIcon,
+      spacing: "spacious"
     })
   })));
 };

package/dist/esm/ui/LayoutButton.js

@@ -13,6 +13,8 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos, findParentDomRefOfType } from '@atlaskit/editor-prosemirror/utils';
+import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
+import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
@@ -103,10 +105,14 @@ var LayoutButton = function LayoutButton(_ref) {
     onClick: function onClick() {
       return handleClick(nextBreakoutMode);
     },
-    iconBefore: breakoutMode === 'full-width' ? jsx(CollapseIcon, {
-      label: title
-    }) : jsx(ExpandIcon, {
-      label: title
+    iconBefore: breakoutMode === 'full-width' ? jsx(ShrinkHorizontalIcon, {
+      label: title,
+      LEGACY_fallbackIcon: CollapseIcon,
+      spacing: "spacious"
+    }) : jsx(GrowHorizontalIcon, {
+      label: title,
+      LEGACY_fallbackIcon: ExpandIcon,
+      spacing: "spacious"
     })
   })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-breakout",
-	"version": "1.9.0",
+	"version": "1.9.2",
 	"description": "Breakout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^44.2.0",
-		"@atlaskit/editor-common": "^94.12.0",
+		"@atlaskit/editor-common": "^95.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
 		"@atlaskit/editor-plugin-width": "^1.3.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.1.0",
+		"@atlaskit/tokens": "^2.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},