@atlaskit/editor-plugin-insert-block 1.6.1 → 1.7.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/plugin.js +5 -5
  3. package/dist/cjs/ui/ToolbarInsertBlock/dropdown-button.js +17 -2
  4. package/dist/cjs/ui/ToolbarInsertBlock/item.js +34 -13
  5. package/dist/cjs/ui/ToolbarInsertBlock/styles.js +6 -1
  6. package/dist/es2019/plugin.js +5 -5
  7. package/dist/es2019/ui/ToolbarInsertBlock/dropdown-button.js +19 -4
  8. package/dist/es2019/ui/ToolbarInsertBlock/item.js +36 -17
  9. package/dist/es2019/ui/ToolbarInsertBlock/styles.js +5 -1
  10. package/dist/esm/plugin.js +5 -5
  11. package/dist/esm/ui/ToolbarInsertBlock/dropdown-button.js +19 -4
  12. package/dist/esm/ui/ToolbarInsertBlock/item.js +38 -17
  13. package/dist/esm/ui/ToolbarInsertBlock/styles.js +5 -1
  14. package/dist/types/ui/ToolbarInsertBlock/styles.d.ts +1 -0
  15. package/dist/types-ts4.5/ui/ToolbarInsertBlock/styles.d.ts +1 -0
  16. package/package.json +14 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @atlaskit/editor-plugin-insert-block
2
2
 
3
+ ## 1.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#126987](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126987)
8
+ [`e2759b19623a1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e2759b19623a1) -
9
+ [ux] Migrate icons in Editor toolbar insert block
10
+
11
+ ## 1.7.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [#126478](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126478)
16
+ [`ca1665ebbfe4d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ca1665ebbfe4d) -
17
+ [ED-23435] Store primary toolbar component registry in a plugin variable instead of in plugin
18
+ state to avoid having to add effects to all plugins and enable SSR for the toolbar. [Breaking
19
+ change] Converted registerComponent from the primary toolbar plugin into an action.
20
+
21
+ ### Patch Changes
22
+
23
+ - Updated dependencies
24
+
3
25
  ## 1.6.1
4
26
 
5
27
  ### Patch Changes
package/dist/cjs/plugin.js CHANGED
@@ -49,6 +49,7 @@ function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
49
49
  };
50
50
  }
51
51
  var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_ref) {
52
+ var _api$primaryToolbar;
52
53
  var _ref$config = _ref.config,
53
54
  options = _ref$config === void 0 ? {} : _ref$config,
54
55
  api = _ref.api;
@@ -98,6 +99,10 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
98
99
  renderNode: renderNode
99
100
  });
100
101
  };
102
+ api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.actions.registerComponent({
103
+ name: 'insertBlock',
104
+ component: primaryToolbarComponent
105
+ });
101
106
  return {
102
107
  name: 'insertBlock',
103
108
  actions: {
@@ -110,16 +115,11 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
110
115
  }
111
116
  },
112
117
  usePluginHook: function usePluginHook() {
113
- var _api$core, _api$primaryToolbar;
114
118
  (0, _react.useLayoutEffect)(function () {
115
119
  return function () {
116
120
  toggleDropdownMenuOptionsRef.current = null;
117
121
  };
118
122
  }, []);
119
- api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
120
- name: 'insertBlock',
121
- component: primaryToolbarComponent
122
- }));
123
123
  },
124
124
  primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
125
125
  };
package/dist/cjs/ui/ToolbarInsertBlock/dropdown-button.js CHANGED
@@ -10,8 +10,11 @@ var _react2 = require("@emotion/react");
10
10
  var _keymaps = require("@atlaskit/editor-common/keymaps");
11
11
  var _styles = require("@atlaskit/editor-common/styles");
12
12
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
13
+ var _addEditorAdd = _interopRequireDefault(require("@atlaskit/icon/core/migration/add--editor-add"));
13
14
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
14
15
  var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
16
+ var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
17
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
18
  var _styles2 = require("./styles");
16
19
  /**
17
20
  * @jsxRuntime classic
@@ -25,9 +28,21 @@ var DropDownButtonIcon = /*#__PURE__*/_react.default.memo(function (props) {
25
28
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
26
29
  (0, _react2.jsx)("span", {
27
30
  css: _styles2.triggerWrapper
28
- }, (0, _react2.jsx)(_add.default, {
31
+ }, (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? (0, _react2.jsx)(_addEditorAdd.default, {
32
+ label: props.label,
33
+ color: "currentColor"
34
+ }) : (0, _react2.jsx)(_add.default, {
29
35
  label: props.label
30
- }), (0, _react2.jsx)("span", {
36
+ }), (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ?
37
+ //eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
38
+ (0, _react2.jsx)("span", {
39
+ css: _styles2.expandWrapperStyle
40
+ }, (0, _react2.jsx)(_chevronDown2.default, {
41
+ label: "",
42
+ color: "currentColor"
43
+ })) :
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
45
+ (0, _react2.jsx)("span", {
31
46
  css: _styles.expandIconWrapperStyle
32
47
  }, (0, _react2.jsx)(_chevronDown.default, {
33
48
  label: ""
package/dist/cjs/ui/ToolbarInsertBlock/item.js CHANGED
@@ -10,6 +10,17 @@ var _react2 = require("@emotion/react");
10
10
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
11
11
  var _keymaps = require("@atlaskit/editor-common/keymaps");
12
12
  var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
13
+ var _angleBracketsEditorCode = _interopRequireDefault(require("@atlaskit/icon/core/migration/angle-brackets--editor-code"));
14
+ var _calendarEditorDate = _interopRequireDefault(require("@atlaskit/icon/core/migration/calendar--editor-date"));
15
+ var _checkboxCheckedEditorTask = _interopRequireDefault(require("@atlaskit/icon/core/migration/checkbox-checked--editor-task"));
16
+ var _decisionEditorDecision = _interopRequireDefault(require("@atlaskit/icon/core/migration/decision--editor-decision"));
17
+ var _emojiEditorEmoji = _interopRequireDefault(require("@atlaskit/icon/core/migration/emoji--editor-emoji"));
18
+ var _imageEditorImage = _interopRequireDefault(require("@atlaskit/icon/core/migration/image--editor-image"));
19
+ var _informationEditorInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/information--editor-info"));
20
+ var _linkEditorLink = _interopRequireDefault(require("@atlaskit/icon/core/migration/link--editor-link"));
21
+ var _mentionEditorMention = _interopRequireDefault(require("@atlaskit/icon/core/migration/mention--editor-mention"));
22
+ var _quotationMarkQuote = _interopRequireDefault(require("@atlaskit/icon/core/migration/quotation-mark--quote"));
23
+ var _showMoreHorizontalEditorMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--editor-more"));
13
24
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
14
25
  var _chevronRightCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-circle"));
15
26
  var _code = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/code"));
@@ -28,6 +39,8 @@ var _task = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/task"));
28
39
  var _text = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/text"));
29
40
  var _quote = _interopRequireDefault(require("@atlaskit/icon/glyph/quote"));
30
41
  var _status = _interopRequireDefault(require("@atlaskit/icon/glyph/status"));
42
+ var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
43
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
31
44
  var _shallowEquals = require("./shallow-equals");
32
45
  /**
33
46
  * @jsxRuntime classic
@@ -68,7 +81,7 @@ var action = exports.action = mem(function (init) {
68
81
  disabled: init.disabled,
69
82
  name: 'action',
70
83
  shortcut: '[]',
71
- Icon: _task.default,
84
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _checkboxCheckedEditorTask.default : _task.default,
72
85
  'aria-keyshortcuts': '[ ] Space'
73
86
  });
74
87
  });
@@ -79,7 +92,7 @@ var link = exports.link = mem(function (init) {
79
92
  disabled: init.disabled,
80
93
  name: 'link',
81
94
  shortcut: (0, _keymaps.tooltip)(_keymaps.addLink),
82
- Icon: _link.default,
95
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _linkEditorLink.default : _link.default,
83
96
  'aria-haspopup': init['aria-haspopup'],
84
97
  'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(_keymaps.addLink)
85
98
  });
@@ -90,7 +103,7 @@ var media = exports.media = mem(function (init) {
90
103
  tooltipDescription: init.tooltipDescription,
91
104
  disabled: init.disabled,
92
105
  name: 'media',
93
- Icon: _image.default
106
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _imageEditorImage.default : _image.default
94
107
  });
95
108
  });
96
109
  var imageUpload = exports.imageUpload = mem(function (init) {
@@ -99,7 +112,7 @@ var imageUpload = exports.imageUpload = mem(function (init) {
99
112
  tooltipDescription: init.tooltipDescription,
100
113
  disabled: init.disabled,
101
114
  name: 'image upload',
102
- Icon: _image.default
115
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _imageEditorImage.default : _image.default
103
116
  });
104
117
  });
105
118
  var mention = exports.mention = mem(function (init) {
@@ -108,7 +121,7 @@ var mention = exports.mention = mem(function (init) {
108
121
  tooltipDescription: init.tooltipDescription,
109
122
  disabled: init.disabled,
110
123
  name: 'mention',
111
- Icon: _mention.default,
124
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _mentionEditorMention.default : _mention.default,
112
125
  shortcut: '@',
113
126
  'aria-haspopup': init['aria-haspopup'],
114
127
  'aria-keyshortcuts': 'Shift+2 Space'
@@ -120,7 +133,7 @@ var emoji = exports.emoji = mem(function (init) {
120
133
  tooltipDescription: init.tooltipDescription,
121
134
  disabled: init.disabled,
122
135
  name: 'emoji',
123
- Icon: _emoji.default,
136
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _emojiEditorEmoji.default : _emoji.default,
124
137
  shortcut: ':',
125
138
  'aria-haspopup': init['aria-haspopup'],
126
139
  'aria-keyshortcuts': 'Shift+;'
@@ -143,7 +156,12 @@ var tableSelector = exports.tableSelector = mem(function (init) {
143
156
  tooltipDescription: init.tooltipDescription,
144
157
  disabled: init.disabled,
145
158
  name: 'table selector',
146
- Icon: _chevronDown.default
159
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? function () {
160
+ return (0, _react2.jsx)(_chevronDown2.default, {
161
+ label: "",
162
+ color: "currentColor"
163
+ });
164
+ } : _chevronDown.default
147
165
  });
148
166
  });
149
167
  var layout = exports.layout = mem(function (init) {
@@ -161,7 +179,7 @@ var codeblock = exports.codeblock = mem(function (init) {
161
179
  tooltipDescription: init.tooltipDescription,
162
180
  disabled: init.disabled,
163
181
  name: 'codeblock',
164
- Icon: _code.default,
182
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _angleBracketsEditorCode.default : _code.default,
165
183
  shortcut: init.shortcut,
166
184
  'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(init.shortcut)
167
185
  });
@@ -172,7 +190,7 @@ var panel = exports.panel = mem(function (init) {
172
190
  tooltipDescription: init.tooltipDescription,
173
191
  disabled: init.disabled,
174
192
  name: 'panel',
175
- Icon: _info.default,
193
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _informationEditorInfo.default : _info.default,
176
194
  shortcut: init.shortcut,
177
195
  'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(init.shortcut)
178
196
  });
@@ -183,7 +201,7 @@ var blockquote = exports.blockquote = mem(function (init) {
183
201
  tooltipDescription: init.tooltipDescription,
184
202
  disabled: init.disabled,
185
203
  name: 'blockquote',
186
- Icon: _quote.default,
204
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _quotationMarkQuote.default : _quote.default,
187
205
  shortcut: init.shortcut,
188
206
  'aria-keyshortcuts': 'Shift+. Space'
189
207
  });
@@ -194,7 +212,7 @@ var decision = exports.decision = mem(function (init) {
194
212
  tooltipDescription: init.tooltipDescription,
195
213
  disabled: init.disabled,
196
214
  name: 'decision',
197
- Icon: _decision.default,
215
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _decisionEditorDecision.default : _decision.default,
198
216
  shortcut: '<>',
199
217
  'aria-keyshortcuts': 'Shift+, Shift+. Space'
200
218
  });
@@ -225,7 +243,7 @@ var date = exports.date = mem(function (init) {
225
243
  tooltipDescription: init.tooltipDescription,
226
244
  disabled: init.disabled,
227
245
  name: 'date',
228
- Icon: _date.default,
246
+ Icon: (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? _calendarEditorDate.default : _date.default,
229
247
  shortcut: '//',
230
248
  'aria-keyshortcuts': '/ / Enter'
231
249
  });
@@ -259,7 +277,10 @@ var more = exports.more = mem(function (init) {
259
277
  disabled: init.disabled,
260
278
  name: 'macro',
261
279
  Icon: function Icon() {
262
- return (0, _react2.jsx)(_more.default, {
280
+ return (0, _platformFeatureFlags.fg)('platform_editor_migration_icon_and_typography') ? (0, _react2.jsx)(_showMoreHorizontalEditorMore.default, {
281
+ label: "",
282
+ color: "currentColor"
283
+ }) : (0, _react2.jsx)(_more.default, {
263
284
  label: ""
264
285
  });
265
286
  }
package/dist/cjs/ui/ToolbarInsertBlock/styles.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.triggerWrapper = void 0;
6
+ exports.triggerWrapper = exports.expandWrapperStyle = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
 
@@ -20,4 +20,9 @@ var triggerWrapper = exports.triggerWrapper = (0, _react.css)({
20
20
  '> div > div': {
21
21
  display: 'flex'
22
22
  }
23
+ });
24
+
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
26
+ var expandWrapperStyle = exports.expandWrapperStyle = (0, _react.css)({
27
+ marginLeft: "var(--ds-space-050, 4px)"
23
28
  });
package/dist/es2019/plugin.js CHANGED
@@ -40,6 +40,7 @@ export const insertBlockPlugin = ({
40
40
  config: options = {},
41
41
  api
42
42
  }) => {
43
+ var _api$primaryToolbar;
43
44
  const toggleDropdownMenuOptionsRef = {
44
45
  current: null
45
46
  };
@@ -87,6 +88,10 @@ export const insertBlockPlugin = ({
87
88
  renderNode: renderNode
88
89
  });
89
90
  };
91
+ api === null || api === void 0 ? void 0 : (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.actions.registerComponent({
92
+ name: 'insertBlock',
93
+ component: primaryToolbarComponent
94
+ });
90
95
  return {
91
96
  name: 'insertBlock',
92
97
  actions: {
@@ -99,16 +104,11 @@ export const insertBlockPlugin = ({
99
104
  }
100
105
  },
101
106
  usePluginHook: () => {
102
- var _api$core, _api$primaryToolbar;
103
107
  useLayoutEffect(() => {
104
108
  return () => {
105
109
  toggleDropdownMenuOptionsRef.current = null;
106
110
  };
107
111
  }, []);
108
- api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(api === null || api === void 0 ? void 0 : (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
109
- name: 'insertBlock',
110
- component: primaryToolbarComponent
111
- }));
112
112
  },
113
113
  primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
114
114
  };
package/dist/es2019/ui/ToolbarInsertBlock/dropdown-button.js CHANGED
@@ -9,16 +9,31 @@ import { jsx } from '@emotion/react';
9
9
  import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
10
10
  import { expandIconWrapperStyle } from '@atlaskit/editor-common/styles';
11
11
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
12
+ import AddIcon from '@atlaskit/icon/core/migration/add--editor-add';
12
13
  import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
13
- import AddIcon from '@atlaskit/icon/glyph/editor/add';
14
- import { triggerWrapper } from './styles';
14
+ import { default as AddIconLegacy } from '@atlaskit/icon/glyph/editor/add';
15
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
16
+ import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { expandWrapperStyle, triggerWrapper } from './styles';
15
18
  const DropDownButtonIcon = /*#__PURE__*/React.memo(props =>
16
19
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
17
20
  jsx("span", {
18
21
  css: triggerWrapper
19
- }, jsx(AddIcon, {
22
+ }, fg('platform_editor_migration_icon_and_typography') ? jsx(AddIcon, {
23
+ label: props.label,
24
+ color: "currentColor"
25
+ }) : jsx(AddIconLegacy, {
20
26
  label: props.label
21
- }), jsx("span", {
27
+ }), fg('platform_editor_migration_icon_and_typography') ?
28
+ //eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
29
+ jsx("span", {
30
+ css: expandWrapperStyle
31
+ }, jsx(ChevronDownIcon, {
32
+ label: "",
33
+ color: "currentColor"
34
+ })) :
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
36
+ jsx("span", {
22
37
  css: expandIconWrapperStyle
23
38
  }, jsx(ExpandIcon, {
24
39
  label: ""
package/dist/es2019/ui/ToolbarInsertBlock/item.js CHANGED
@@ -9,24 +9,37 @@ import { jsx } from '@emotion/react';
9
9
  import memoizeOne from 'memoize-one';
10
10
  import { addLink, getAriaKeyshortcuts, toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
11
11
  import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
12
+ import AngleBracketsIcon from '@atlaskit/icon/core/migration/angle-brackets--editor-code';
13
+ import CalendarIcon from '@atlaskit/icon/core/migration/calendar--editor-date';
14
+ import CheckboxCheckedIcon from '@atlaskit/icon/core/migration/checkbox-checked--editor-task';
15
+ import DecisionIcon from '@atlaskit/icon/core/migration/decision--editor-decision';
16
+ import EmojiIcon from '@atlaskit/icon/core/migration/emoji--editor-emoji';
17
+ import ImageIcon from '@atlaskit/icon/core/migration/image--editor-image';
18
+ import InformationIcon from '@atlaskit/icon/core/migration/information--editor-info';
19
+ import LinkIcon from '@atlaskit/icon/core/migration/link--editor-link';
20
+ import MentionIcon from '@atlaskit/icon/core/migration/mention--editor-mention';
21
+ import QuotationMarkIcon from '@atlaskit/icon/core/migration/quotation-mark--quote';
22
+ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
12
23
  import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
13
24
  import ExpandNodeIcon from '@atlaskit/icon/glyph/chevron-right-circle';
14
25
  import CodeIcon from '@atlaskit/icon/glyph/editor/code';
15
26
  import DateIcon from '@atlaskit/icon/glyph/editor/date';
16
- import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
17
- import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
27
+ import { default as DecisionIconLegacy } from '@atlaskit/icon/glyph/editor/decision';
28
+ import { default as EmojiIconLegacy } from '@atlaskit/icon/glyph/editor/emoji';
18
29
  import HorizontalRuleIcon from '@atlaskit/icon/glyph/editor/horizontal-rule';
19
30
  import EditorImageIcon from '@atlaskit/icon/glyph/editor/image';
20
31
  import InfoIcon from '@atlaskit/icon/glyph/editor/info';
21
32
  import LayoutTwoEqualIcon from '@atlaskit/icon/glyph/editor/layout-two-equal';
22
- import LinkIcon from '@atlaskit/icon/glyph/editor/link';
23
- import MentionIcon from '@atlaskit/icon/glyph/editor/mention';
33
+ import { default as LinkIconLegacy } from '@atlaskit/icon/glyph/editor/link';
34
+ import { default as MentionIconLegacy } from '@atlaskit/icon/glyph/editor/mention';
24
35
  import EditorMoreIcon from '@atlaskit/icon/glyph/editor/more';
25
36
  import TableIcon from '@atlaskit/icon/glyph/editor/table';
26
37
  import TaskIcon from '@atlaskit/icon/glyph/editor/task';
27
38
  import PlaceholderTextIcon from '@atlaskit/icon/glyph/media-services/text';
28
39
  import QuoteIcon from '@atlaskit/icon/glyph/quote';
29
40
  import StatusIcon from '@atlaskit/icon/glyph/status';
41
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
42
+ import { fg } from '@atlaskit/platform-feature-flags';
30
43
  import { shallowEquals } from './shallow-equals';
31
44
  const from = init => ({
32
45
  content: init.content,
@@ -56,7 +69,7 @@ export const action = mem(init => {
56
69
  disabled: init.disabled,
57
70
  name: 'action',
58
71
  shortcut: '[]',
59
- Icon: TaskIcon,
72
+ Icon: fg('platform_editor_migration_icon_and_typography') ? CheckboxCheckedIcon : TaskIcon,
60
73
  'aria-keyshortcuts': '[ ] Space'
61
74
  });
62
75
  });
@@ -66,7 +79,7 @@ export const link = mem(init => from({
66
79
  disabled: init.disabled,
67
80
  name: 'link',
68
81
  shortcut: tooltip(addLink),
69
- Icon: LinkIcon,
82
+ Icon: fg('platform_editor_migration_icon_and_typography') ? LinkIcon : LinkIconLegacy,
70
83
  'aria-haspopup': init['aria-haspopup'],
71
84
  'aria-keyshortcuts': getAriaKeyshortcuts(addLink)
72
85
  }));
@@ -75,21 +88,21 @@ export const media = mem(init => from({
75
88
  tooltipDescription: init.tooltipDescription,
76
89
  disabled: init.disabled,
77
90
  name: 'media',
78
- Icon: EditorImageIcon
91
+ Icon: fg('platform_editor_migration_icon_and_typography') ? ImageIcon : EditorImageIcon
79
92
  }));
80
93
  export const imageUpload = mem(init => from({
81
94
  content: init.content,
82
95
  tooltipDescription: init.tooltipDescription,
83
96
  disabled: init.disabled,
84
97
  name: 'image upload',
85
- Icon: EditorImageIcon
98
+ Icon: fg('platform_editor_migration_icon_and_typography') ? ImageIcon : EditorImageIcon
86
99
  }));
87
100
  export const mention = mem(init => from({
88
101
  content: init.content,
89
102
  tooltipDescription: init.tooltipDescription,
90
103
  disabled: init.disabled,
91
104
  name: 'mention',
92
- Icon: MentionIcon,
105
+ Icon: fg('platform_editor_migration_icon_and_typography') ? MentionIcon : MentionIconLegacy,
93
106
  shortcut: '@',
94
107
  'aria-haspopup': init['aria-haspopup'],
95
108
  'aria-keyshortcuts': 'Shift+2 Space'
@@ -99,7 +112,7 @@ export const emoji = mem(init => from({
99
112
  tooltipDescription: init.tooltipDescription,
100
113
  disabled: init.disabled,
101
114
  name: 'emoji',
102
- Icon: EmojiIcon,
115
+ Icon: fg('platform_editor_migration_icon_and_typography') ? EmojiIcon : EmojiIconLegacy,
103
116
  shortcut: ':',
104
117
  'aria-haspopup': init['aria-haspopup'],
105
118
  'aria-keyshortcuts': 'Shift+;'
@@ -118,7 +131,10 @@ export const tableSelector = mem(init => from({
118
131
  tooltipDescription: init.tooltipDescription,
119
132
  disabled: init.disabled,
120
133
  name: 'table selector',
121
- Icon: ExpandIcon
134
+ Icon: fg('platform_editor_migration_icon_and_typography') ? () => jsx(ChevronDownIcon, {
135
+ label: "",
136
+ color: "currentColor"
137
+ }) : ExpandIcon
122
138
  }));
123
139
  export const layout = mem(init => from({
124
140
  content: init.content,
@@ -132,7 +148,7 @@ export const codeblock = mem(init => from({
132
148
  tooltipDescription: init.tooltipDescription,
133
149
  disabled: init.disabled,
134
150
  name: 'codeblock',
135
- Icon: CodeIcon,
151
+ Icon: fg('platform_editor_migration_icon_and_typography') ? AngleBracketsIcon : CodeIcon,
136
152
  shortcut: init.shortcut,
137
153
  'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
138
154
  }));
@@ -141,7 +157,7 @@ export const panel = mem(init => from({
141
157
  tooltipDescription: init.tooltipDescription,
142
158
  disabled: init.disabled,
143
159
  name: 'panel',
144
- Icon: InfoIcon,
160
+ Icon: fg('platform_editor_migration_icon_and_typography') ? InformationIcon : InfoIcon,
145
161
  shortcut: init.shortcut,
146
162
  'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
147
163
  }));
@@ -150,7 +166,7 @@ export const blockquote = mem(init => from({
150
166
  tooltipDescription: init.tooltipDescription,
151
167
  disabled: init.disabled,
152
168
  name: 'blockquote',
153
- Icon: QuoteIcon,
169
+ Icon: fg('platform_editor_migration_icon_and_typography') ? QuotationMarkIcon : QuoteIcon,
154
170
  shortcut: init.shortcut,
155
171
  'aria-keyshortcuts': 'Shift+. Space'
156
172
  }));
@@ -159,7 +175,7 @@ export const decision = mem(init => from({
159
175
  tooltipDescription: init.tooltipDescription,
160
176
  disabled: init.disabled,
161
177
  name: 'decision',
162
- Icon: DecisionIcon,
178
+ Icon: fg('platform_editor_migration_icon_and_typography') ? DecisionIcon : DecisionIconLegacy,
163
179
  shortcut: '<>',
164
180
  'aria-keyshortcuts': 'Shift+, Shift+. Space'
165
181
  }));
@@ -184,7 +200,7 @@ export const date = mem(init => from({
184
200
  tooltipDescription: init.tooltipDescription,
185
201
  disabled: init.disabled,
186
202
  name: 'date',
187
- Icon: DateIcon,
203
+ Icon: fg('platform_editor_migration_icon_and_typography') ? CalendarIcon : DateIcon,
188
204
  shortcut: '//',
189
205
  'aria-keyshortcuts': '/ / Enter'
190
206
  }));
@@ -209,7 +225,10 @@ export const more = mem(init => from({
209
225
  tooltipDescription: init.tooltipDescription,
210
226
  disabled: init.disabled,
211
227
  name: 'macro',
212
- Icon: () => jsx(EditorMoreIcon, {
228
+ Icon: () => fg('platform_editor_migration_icon_and_typography') ? jsx(ShowMoreHorizontalIcon, {
229
+ label: "",
230
+ color: "currentColor"
231
+ }) : jsx(EditorMoreIcon, {
213
232
  label: ""
214
233
  })
215
234
  }));
package/dist/es2019/ui/ToolbarInsertBlock/styles.js CHANGED
@@ -1,6 +1,5 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import { css } from '@emotion/react';
3
-
4
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
4
  export const triggerWrapper = css({
6
5
  width: '42px',
@@ -14,4 +13,9 @@ export const triggerWrapper = css({
14
13
  '> div > div': {
15
14
  display: 'flex'
16
15
  }
16
+ });
17
+
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
19
+ export const expandWrapperStyle = css({
20
+ marginLeft: "var(--ds-space-050, 4px)"
17
21
  });
package/dist/esm/plugin.js CHANGED
@@ -39,6 +39,7 @@ function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
39
39
  };
40
40
  }
41
41
  export var insertBlockPlugin = function insertBlockPlugin(_ref) {
42
+ var _api$primaryToolbar;
42
43
  var _ref$config = _ref.config,
43
44
  options = _ref$config === void 0 ? {} : _ref$config,
44
45
  api = _ref.api;
@@ -88,6 +89,10 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
88
89
  renderNode: renderNode
89
90
  });
90
91
  };
92
+ api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.actions.registerComponent({
93
+ name: 'insertBlock',
94
+ component: primaryToolbarComponent
95
+ });
91
96
  return {
92
97
  name: 'insertBlock',
93
98
  actions: {
@@ -100,16 +105,11 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
100
105
  }
101
106
  },
102
107
  usePluginHook: function usePluginHook() {
103
- var _api$core, _api$primaryToolbar;
104
108
  useLayoutEffect(function () {
105
109
  return function () {
106
110
  toggleDropdownMenuOptionsRef.current = null;
107
111
  };
108
112
  }, []);
109
- api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
110
- name: 'insertBlock',
111
- component: primaryToolbarComponent
112
- }));
113
113
  },
114
114
  primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
115
115
  };
package/dist/esm/ui/ToolbarInsertBlock/dropdown-button.js CHANGED
@@ -9,17 +9,32 @@ import { jsx } from '@emotion/react';
9
9
  import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
10
10
  import { expandIconWrapperStyle } from '@atlaskit/editor-common/styles';
11
11
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
12
+ import AddIcon from '@atlaskit/icon/core/migration/add--editor-add';
12
13
  import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
13
- import AddIcon from '@atlaskit/icon/glyph/editor/add';
14
- import { triggerWrapper } from './styles';
14
+ import { default as AddIconLegacy } from '@atlaskit/icon/glyph/editor/add';
15
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
16
+ import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { expandWrapperStyle, triggerWrapper } from './styles';
15
18
  var DropDownButtonIcon = /*#__PURE__*/React.memo(function (props) {
16
19
  return (
17
20
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
18
21
  jsx("span", {
19
22
  css: triggerWrapper
20
- }, jsx(AddIcon, {
23
+ }, fg('platform_editor_migration_icon_and_typography') ? jsx(AddIcon, {
24
+ label: props.label,
25
+ color: "currentColor"
26
+ }) : jsx(AddIconLegacy, {
21
27
  label: props.label
22
- }), jsx("span", {
28
+ }), fg('platform_editor_migration_icon_and_typography') ?
29
+ //eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
30
+ jsx("span", {
31
+ css: expandWrapperStyle
32
+ }, jsx(ChevronDownIcon, {
33
+ label: "",
34
+ color: "currentColor"
35
+ })) :
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
37
+ jsx("span", {
23
38
  css: expandIconWrapperStyle
24
39
  }, jsx(ExpandIcon, {
25
40
  label: ""
package/dist/esm/ui/ToolbarInsertBlock/item.js CHANGED
@@ -9,24 +9,37 @@ import { jsx } from '@emotion/react';
9
9
  import memoizeOne from 'memoize-one';
10
10
  import { addLink, getAriaKeyshortcuts, toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
11
11
  import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
12
+ import AngleBracketsIcon from '@atlaskit/icon/core/migration/angle-brackets--editor-code';
13
+ import CalendarIcon from '@atlaskit/icon/core/migration/calendar--editor-date';
14
+ import CheckboxCheckedIcon from '@atlaskit/icon/core/migration/checkbox-checked--editor-task';
15
+ import DecisionIcon from '@atlaskit/icon/core/migration/decision--editor-decision';
16
+ import EmojiIcon from '@atlaskit/icon/core/migration/emoji--editor-emoji';
17
+ import ImageIcon from '@atlaskit/icon/core/migration/image--editor-image';
18
+ import InformationIcon from '@atlaskit/icon/core/migration/information--editor-info';
19
+ import LinkIcon from '@atlaskit/icon/core/migration/link--editor-link';
20
+ import MentionIcon from '@atlaskit/icon/core/migration/mention--editor-mention';
21
+ import QuotationMarkIcon from '@atlaskit/icon/core/migration/quotation-mark--quote';
22
+ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
12
23
  import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
13
24
  import ExpandNodeIcon from '@atlaskit/icon/glyph/chevron-right-circle';
14
25
  import CodeIcon from '@atlaskit/icon/glyph/editor/code';
15
26
  import DateIcon from '@atlaskit/icon/glyph/editor/date';
16
- import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
17
- import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
27
+ import { default as DecisionIconLegacy } from '@atlaskit/icon/glyph/editor/decision';
28
+ import { default as EmojiIconLegacy } from '@atlaskit/icon/glyph/editor/emoji';
18
29
  import HorizontalRuleIcon from '@atlaskit/icon/glyph/editor/horizontal-rule';
19
30
  import EditorImageIcon from '@atlaskit/icon/glyph/editor/image';
20
31
  import InfoIcon from '@atlaskit/icon/glyph/editor/info';
21
32
  import LayoutTwoEqualIcon from '@atlaskit/icon/glyph/editor/layout-two-equal';
22
- import LinkIcon from '@atlaskit/icon/glyph/editor/link';
23
- import MentionIcon from '@atlaskit/icon/glyph/editor/mention';
33
+ import { default as LinkIconLegacy } from '@atlaskit/icon/glyph/editor/link';
34
+ import { default as MentionIconLegacy } from '@atlaskit/icon/glyph/editor/mention';
24
35
  import EditorMoreIcon from '@atlaskit/icon/glyph/editor/more';
25
36
  import TableIcon from '@atlaskit/icon/glyph/editor/table';
26
37
  import TaskIcon from '@atlaskit/icon/glyph/editor/task';
27
38
  import PlaceholderTextIcon from '@atlaskit/icon/glyph/media-services/text';
28
39
  import QuoteIcon from '@atlaskit/icon/glyph/quote';
29
40
  import StatusIcon from '@atlaskit/icon/glyph/status';
41
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
42
+ import { fg } from '@atlaskit/platform-feature-flags';
30
43
  import { shallowEquals } from './shallow-equals';
31
44
  var from = function from(init) {
32
45
  return {
@@ -60,7 +73,7 @@ export var action = mem(function (init) {
60
73
  disabled: init.disabled,
61
74
  name: 'action',
62
75
  shortcut: '[]',
63
- Icon: TaskIcon,
76
+ Icon: fg('platform_editor_migration_icon_and_typography') ? CheckboxCheckedIcon : TaskIcon,
64
77
  'aria-keyshortcuts': '[ ] Space'
65
78
  });
66
79
  });
@@ -71,7 +84,7 @@ export var link = mem(function (init) {
71
84
  disabled: init.disabled,
72
85
  name: 'link',
73
86
  shortcut: tooltip(addLink),
74
- Icon: LinkIcon,
87
+ Icon: fg('platform_editor_migration_icon_and_typography') ? LinkIcon : LinkIconLegacy,
75
88
  'aria-haspopup': init['aria-haspopup'],
76
89
  'aria-keyshortcuts': getAriaKeyshortcuts(addLink)
77
90
  });
@@ -82,7 +95,7 @@ export var media = mem(function (init) {
82
95
  tooltipDescription: init.tooltipDescription,
83
96
  disabled: init.disabled,
84
97
  name: 'media',
85
- Icon: EditorImageIcon
98
+ Icon: fg('platform_editor_migration_icon_and_typography') ? ImageIcon : EditorImageIcon
86
99
  });
87
100
  });
88
101
  export var imageUpload = mem(function (init) {
@@ -91,7 +104,7 @@ export var imageUpload = mem(function (init) {
91
104
  tooltipDescription: init.tooltipDescription,
92
105
  disabled: init.disabled,
93
106
  name: 'image upload',
94
- Icon: EditorImageIcon
107
+ Icon: fg('platform_editor_migration_icon_and_typography') ? ImageIcon : EditorImageIcon
95
108
  });
96
109
  });
97
110
  export var mention = mem(function (init) {
@@ -100,7 +113,7 @@ export var mention = mem(function (init) {
100
113
  tooltipDescription: init.tooltipDescription,
101
114
  disabled: init.disabled,
102
115
  name: 'mention',
103
- Icon: MentionIcon,
116
+ Icon: fg('platform_editor_migration_icon_and_typography') ? MentionIcon : MentionIconLegacy,
104
117
  shortcut: '@',
105
118
  'aria-haspopup': init['aria-haspopup'],
106
119
  'aria-keyshortcuts': 'Shift+2 Space'
@@ -112,7 +125,7 @@ export var emoji = mem(function (init) {
112
125
  tooltipDescription: init.tooltipDescription,
113
126
  disabled: init.disabled,
114
127
  name: 'emoji',
115
- Icon: EmojiIcon,
128
+ Icon: fg('platform_editor_migration_icon_and_typography') ? EmojiIcon : EmojiIconLegacy,
116
129
  shortcut: ':',
117
130
  'aria-haspopup': init['aria-haspopup'],
118
131
  'aria-keyshortcuts': 'Shift+;'
@@ -135,7 +148,12 @@ export var tableSelector = mem(function (init) {
135
148
  tooltipDescription: init.tooltipDescription,
136
149
  disabled: init.disabled,
137
150
  name: 'table selector',
138
- Icon: ExpandIcon
151
+ Icon: fg('platform_editor_migration_icon_and_typography') ? function () {
152
+ return jsx(ChevronDownIcon, {
153
+ label: "",
154
+ color: "currentColor"
155
+ });
156
+ } : ExpandIcon
139
157
  });
140
158
  });
141
159
  export var layout = mem(function (init) {
@@ -153,7 +171,7 @@ export var codeblock = mem(function (init) {
153
171
  tooltipDescription: init.tooltipDescription,
154
172
  disabled: init.disabled,
155
173
  name: 'codeblock',
156
- Icon: CodeIcon,
174
+ Icon: fg('platform_editor_migration_icon_and_typography') ? AngleBracketsIcon : CodeIcon,
157
175
  shortcut: init.shortcut,
158
176
  'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
159
177
  });
@@ -164,7 +182,7 @@ export var panel = mem(function (init) {
164
182
  tooltipDescription: init.tooltipDescription,
165
183
  disabled: init.disabled,
166
184
  name: 'panel',
167
- Icon: InfoIcon,
185
+ Icon: fg('platform_editor_migration_icon_and_typography') ? InformationIcon : InfoIcon,
168
186
  shortcut: init.shortcut,
169
187
  'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
170
188
  });
@@ -175,7 +193,7 @@ export var blockquote = mem(function (init) {
175
193
  tooltipDescription: init.tooltipDescription,
176
194
  disabled: init.disabled,
177
195
  name: 'blockquote',
178
- Icon: QuoteIcon,
196
+ Icon: fg('platform_editor_migration_icon_and_typography') ? QuotationMarkIcon : QuoteIcon,
179
197
  shortcut: init.shortcut,
180
198
  'aria-keyshortcuts': 'Shift+. Space'
181
199
  });
@@ -186,7 +204,7 @@ export var decision = mem(function (init) {
186
204
  tooltipDescription: init.tooltipDescription,
187
205
  disabled: init.disabled,
188
206
  name: 'decision',
189
- Icon: DecisionIcon,
207
+ Icon: fg('platform_editor_migration_icon_and_typography') ? DecisionIcon : DecisionIconLegacy,
190
208
  shortcut: '<>',
191
209
  'aria-keyshortcuts': 'Shift+, Shift+. Space'
192
210
  });
@@ -217,7 +235,7 @@ export var date = mem(function (init) {
217
235
  tooltipDescription: init.tooltipDescription,
218
236
  disabled: init.disabled,
219
237
  name: 'date',
220
- Icon: DateIcon,
238
+ Icon: fg('platform_editor_migration_icon_and_typography') ? CalendarIcon : DateIcon,
221
239
  shortcut: '//',
222
240
  'aria-keyshortcuts': '/ / Enter'
223
241
  });
@@ -251,7 +269,10 @@ export var more = mem(function (init) {
251
269
  disabled: init.disabled,
252
270
  name: 'macro',
253
271
  Icon: function Icon() {
254
- return jsx(EditorMoreIcon, {
272
+ return fg('platform_editor_migration_icon_and_typography') ? jsx(ShowMoreHorizontalIcon, {
273
+ label: "",
274
+ color: "currentColor"
275
+ }) : jsx(EditorMoreIcon, {
255
276
  label: ""
256
277
  });
257
278
  }
package/dist/esm/ui/ToolbarInsertBlock/styles.js CHANGED
@@ -1,6 +1,5 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import { css } from '@emotion/react';
3
-
4
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
4
  export var triggerWrapper = css({
6
5
  width: '42px',
@@ -14,4 +13,9 @@ export var triggerWrapper = css({
14
13
  '> div > div': {
15
14
  display: 'flex'
16
15
  }
16
+ });
17
+
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
19
+ export var expandWrapperStyle = css({
20
+ marginLeft: "var(--ds-space-050, 4px)"
17
21
  });
package/dist/types/ui/ToolbarInsertBlock/styles.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export declare const triggerWrapper: import("@emotion/react").SerializedStyles;
2
+ export declare const expandWrapperStyle: import("@emotion/react").SerializedStyles;
package/dist/types-ts4.5/ui/ToolbarInsertBlock/styles.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export declare const triggerWrapper: import("@emotion/react").SerializedStyles;
2
+ export declare const expandWrapperStyle: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-insert-block",
3
- "version": "1.6.1",
3
+ "version": "1.7.1",
4
4
  "description": "Insert block plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,22 +33,22 @@
33
33
  ".": "./src/index.ts"
34
34
  },
35
35
  "dependencies": {
36
- "@atlaskit/editor-common": "^87.0.0",
36
+ "@atlaskit/editor-common": "^87.3.0",
37
37
  "@atlaskit/editor-plugin-analytics": "^1.6.0",
38
- "@atlaskit/editor-plugin-block-type": "^3.10.0",
38
+ "@atlaskit/editor-plugin-block-type": "^3.11.0",
39
39
  "@atlaskit/editor-plugin-code-block": "^3.2.0",
40
40
  "@atlaskit/editor-plugin-date": "^2.2.0",
41
41
  "@atlaskit/editor-plugin-emoji": "^2.2.0",
42
42
  "@atlaskit/editor-plugin-expand": "^2.2.0",
43
43
  "@atlaskit/editor-plugin-extension": "^1.12.0",
44
- "@atlaskit/editor-plugin-hyperlink": "^2.6.0",
44
+ "@atlaskit/editor-plugin-hyperlink": "^2.7.0",
45
45
  "@atlaskit/editor-plugin-image-upload": "^1.2.0",
46
46
  "@atlaskit/editor-plugin-layout": "^1.6.0",
47
47
  "@atlaskit/editor-plugin-media": "^1.27.0",
48
48
  "@atlaskit/editor-plugin-mentions": "^2.2.0",
49
49
  "@atlaskit/editor-plugin-panel": "^2.2.0",
50
50
  "@atlaskit/editor-plugin-placeholder-text": "^1.6.0",
51
- "@atlaskit/editor-plugin-primary-toolbar": "^1.3.0",
51
+ "@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^1.2.0",
53
53
  "@atlaskit/editor-plugin-rule": "^1.7.0",
54
54
  "@atlaskit/editor-plugin-status": "^2.3.0",
@@ -57,11 +57,12 @@
57
57
  "@atlaskit/editor-plugin-type-ahead": "^1.6.0",
58
58
  "@atlaskit/editor-prosemirror": "5.0.1",
59
59
  "@atlaskit/editor-shared-styles": "^2.13.0",
60
- "@atlaskit/emoji": "^67.6.0",
61
- "@atlaskit/icon": "^22.7.0",
60
+ "@atlaskit/emoji": "^67.7.0",
61
+ "@atlaskit/icon": "^22.10.0",
62
+ "@atlaskit/platform-feature-flags": "^0.3.0",
62
63
  "@atlaskit/primitives": "^11.1.0",
63
64
  "@atlaskit/theme": "^12.11.0",
64
- "@atlaskit/tokens": "^1.56.0",
65
+ "@atlaskit/tokens": "^1.57.0",
65
66
  "@babel/runtime": "^7.0.0",
66
67
  "@emotion/react": "^11.7.1",
67
68
  "bind-event-listener": "^3.0.0",
@@ -114,5 +115,10 @@
114
115
  "import-no-extraneous-disable-for-examples-and-docs"
115
116
  ]
116
117
  }
118
+ },
119
+ "platform-feature-flags": {
120
+ "platform_editor_migration_icon_and_typography": {
121
+ "type": "boolean"
122
+ }
117
123
  }
118
124
  }