@atlaskit/editor-plugin-breakout 1.9.0 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 1.9.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#158057](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158057)
8
+ [`1051d541ab905`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1051d541ab905) -
9
+ migrate breakout button icons
10
+ - Updated dependencies
11
+
3
12
  ## 1.9.0
4
13
 
5
14
  ### Minor Changes
@@ -14,6 +14,8 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
14
14
  var _utils = require("@atlaskit/editor-common/utils");
15
15
  var _state = require("@atlaskit/editor-prosemirror/state");
16
16
  var _utils2 = require("@atlaskit/editor-prosemirror/utils");
17
+ var _growHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/grow-horizontal"));
18
+ var _shrinkHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-horizontal"));
17
19
  var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/collapse"));
18
20
  var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
19
21
  var _colors = require("@atlaskit/theme/colors");
@@ -111,10 +113,14 @@ var LayoutButton = function LayoutButton(_ref) {
111
113
  onClick: function onClick() {
112
114
  return handleClick(nextBreakoutMode);
113
115
  },
114
- iconBefore: breakoutMode === 'full-width' ? (0, _react2.jsx)(_collapse.default, {
115
- label: title
116
- }) : (0, _react2.jsx)(_expand.default, {
117
- label: title
116
+ iconBefore: breakoutMode === 'full-width' ? (0, _react2.jsx)(_shrinkHorizontal.default, {
117
+ label: title,
118
+ LEGACY_fallbackIcon: _collapse.default,
119
+ spacing: "spacious"
120
+ }) : (0, _react2.jsx)(_growHorizontal.default, {
121
+ label: title,
122
+ LEGACY_fallbackIcon: _expand.default,
123
+ spacing: "spacious"
118
124
  })
119
125
  })));
120
126
  };
@@ -13,6 +13,8 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
13
13
  import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
14
14
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
15
15
  import { findDomRefAtPos, findParentDomRefOfType } from '@atlaskit/editor-prosemirror/utils';
16
+ import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
17
+ import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
16
18
  import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
17
19
  import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
18
20
  import { B300, N20A, N300 } from '@atlaskit/theme/colors';
@@ -108,10 +110,14 @@ const LayoutButton = ({
108
110
  title: title,
109
111
  testId: titleMessage.id,
110
112
  onClick: () => handleClick(nextBreakoutMode),
111
- iconBefore: breakoutMode === 'full-width' ? jsx(CollapseIcon, {
112
- label: title
113
- }) : jsx(ExpandIcon, {
114
- label: title
113
+ iconBefore: breakoutMode === 'full-width' ? jsx(ShrinkHorizontalIcon, {
114
+ label: title,
115
+ LEGACY_fallbackIcon: CollapseIcon,
116
+ spacing: "spacious"
117
+ }) : jsx(GrowHorizontalIcon, {
118
+ label: title,
119
+ LEGACY_fallbackIcon: ExpandIcon,
120
+ spacing: "spacious"
115
121
  })
116
122
  })));
117
123
  };
@@ -13,6 +13,8 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
13
13
  import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
14
14
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
15
15
  import { findDomRefAtPos, findParentDomRefOfType } from '@atlaskit/editor-prosemirror/utils';
16
+ import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
17
+ import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
16
18
  import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
17
19
  import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
18
20
  import { B300, N20A, N300 } from '@atlaskit/theme/colors';
@@ -103,10 +105,14 @@ var LayoutButton = function LayoutButton(_ref) {
103
105
  onClick: function onClick() {
104
106
  return handleClick(nextBreakoutMode);
105
107
  },
106
- iconBefore: breakoutMode === 'full-width' ? jsx(CollapseIcon, {
107
- label: title
108
- }) : jsx(ExpandIcon, {
109
- label: title
108
+ iconBefore: breakoutMode === 'full-width' ? jsx(ShrinkHorizontalIcon, {
109
+ label: title,
110
+ LEGACY_fallbackIcon: CollapseIcon,
111
+ spacing: "spacious"
112
+ }) : jsx(GrowHorizontalIcon, {
113
+ label: title,
114
+ LEGACY_fallbackIcon: ExpandIcon,
115
+ spacing: "spacious"
110
116
  })
111
117
  })));
112
118
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-breakout",
3
- "version": "1.9.0",
3
+ "version": "1.9.1",
4
4
  "description": "Breakout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -32,7 +32,7 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@atlaskit/adf-schema": "^44.2.0",
35
- "@atlaskit/editor-common": "^94.12.0",
35
+ "@atlaskit/editor-common": "^94.13.0",
36
36
  "@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
37
37
  "@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
38
38
  "@atlaskit/editor-plugin-width": "^1.3.0",
@@ -41,7 +41,7 @@
41
41
  "@atlaskit/icon": "^22.24.0",
42
42
  "@atlaskit/platform-feature-flags": "^0.3.0",
43
43
  "@atlaskit/theme": "^14.0.0",
44
- "@atlaskit/tokens": "^2.1.0",
44
+ "@atlaskit/tokens": "^2.2.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "@emotion/react": "^11.7.1"
47
47
  },