@atlaskit/editor-plugin-floating-toolbar 1.14.15 → 1.14.17
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 +14 -0
- package/dist/cjs/ui/EmojiPickerButton.js +50 -27
- package/dist/cjs/ui/Toolbar.js +2 -1
- package/dist/es2019/ui/EmojiPickerButton.js +45 -24
- package/dist/es2019/ui/Toolbar.js +2 -1
- package/dist/esm/ui/EmojiPickerButton.js +50 -27
- package/dist/esm/ui/Toolbar.js +2 -1
- package/package.json +14 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-floating-toolbar
|
|
2
2
|
|
|
3
|
+
## 1.14.17
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 1.14.16
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#99080](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99080)
|
|
14
|
+
[`8b2f0af25c400`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b2f0af25c400) -
|
|
15
|
+
[ux] ED-26062: Removed icon blue borders when selected
|
|
16
|
+
|
|
3
17
|
## 1.14.15
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -9,12 +9,13 @@ exports.EmojiPickerButton = void 0;
|
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
-
var
|
|
12
|
+
var _new = require("@atlaskit/button/new");
|
|
13
13
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
14
14
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
15
15
|
var _uiReact = require("@atlaskit/editor-common/ui-react");
|
|
16
16
|
var _emoji = require("@atlaskit/emoji");
|
|
17
17
|
var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
|
|
18
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
19
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
19
20
|
var _EditorEmojiAddIcon = _interopRequireDefault(require("./EditorEmojiAddIcon"));
|
|
20
21
|
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); }
|
|
@@ -26,10 +27,40 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
26
27
|
|
|
27
28
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
28
29
|
|
|
29
|
-
// helps adjusts position of popup
|
|
30
30
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
31
31
|
var emojiPickerButtonWrapper = (0, _react2.css)({
|
|
32
|
-
position: 'relative'
|
|
32
|
+
position: 'relative',
|
|
33
|
+
// helps adjusts position of popup
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
35
|
+
button: {
|
|
36
|
+
top: '-1px',
|
|
37
|
+
// adjust position of emoji icon when using the IconButtom component
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
39
|
+
'&:not([disabled])::after': {
|
|
40
|
+
border: 'none' // remove blue border when picker has been selected
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
44
|
+
svg: {
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
46
|
+
path: {
|
|
47
|
+
// adjust size of emoji icon when using the IconButtom component, otherwise it's too small
|
|
48
|
+
transformOrigin: '50% 50%',
|
|
49
|
+
transform: 'scale(1.14)'
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
55
|
+
var emojiPickerButtonWrapperVisualRefresh = (0, _react2.css)({
|
|
56
|
+
position: 'relative',
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
58
|
+
button: {
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
60
|
+
'&:not([disabled])::after': {
|
|
61
|
+
border: 'none' // remove blue border when picker has been selected
|
|
62
|
+
}
|
|
63
|
+
}
|
|
33
64
|
});
|
|
34
65
|
var EmojiPickerWithProvider = function EmojiPickerWithProvider(props) {
|
|
35
66
|
var _useSharedPluginState = (0, _hooks.useSharedPluginState)(props.pluginInjectionApi, ['emoji']),
|
|
@@ -116,35 +147,27 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
|
|
|
116
147
|
};
|
|
117
148
|
var title = props.title || '';
|
|
118
149
|
return (0, _react2.jsx)("div", {
|
|
119
|
-
css:
|
|
150
|
+
css:
|
|
151
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
152
|
+
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? emojiPickerButtonWrapperVisualRefresh : emojiPickerButtonWrapper
|
|
120
153
|
}, (0, _react2.jsx)(_tooltip.default, {
|
|
121
154
|
content: title,
|
|
122
155
|
position: "top"
|
|
123
|
-
}, (0, _react2.jsx)(
|
|
124
|
-
appearance:
|
|
125
|
-
key: props.idx
|
|
126
|
-
// TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
|
|
127
|
-
,
|
|
128
|
-
style: {
|
|
129
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
130
|
-
padding: 0,
|
|
131
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
132
|
-
margin: 0,
|
|
133
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
134
|
-
display: 'flex',
|
|
135
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
136
|
-
height: '24px',
|
|
137
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
138
|
-
width: '24px'
|
|
139
|
-
},
|
|
156
|
+
}, (0, _react2.jsx)(_new.IconButton, {
|
|
157
|
+
appearance: "subtle",
|
|
158
|
+
key: props.idx,
|
|
140
159
|
onClick: togglePopup,
|
|
141
160
|
ref: buttonRef,
|
|
142
161
|
isSelected: props.isSelected,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
162
|
+
label: title,
|
|
163
|
+
spacing: "compact",
|
|
164
|
+
icon: function icon() {
|
|
165
|
+
return (0, _react2.jsx)(_emojiAdd.default, {
|
|
166
|
+
color: "currentColor",
|
|
167
|
+
LEGACY_fallbackIcon: _EditorEmojiAddIcon.default,
|
|
168
|
+
label: "emoji-picker-button",
|
|
169
|
+
spacing: "spacious"
|
|
170
|
+
});
|
|
171
|
+
}
|
|
149
172
|
})), renderPopup());
|
|
150
173
|
};
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -110,7 +110,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
110
110
|
if (selected) {
|
|
111
111
|
return "var(--ds-icon-selected, #0C66E4)";
|
|
112
112
|
}
|
|
113
|
-
return
|
|
113
|
+
return 'currentColor';
|
|
114
114
|
};
|
|
115
115
|
return (0, _react2.jsx)(_ui.FloatingToolbarButton
|
|
116
116
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -358,6 +358,7 @@ var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstEle
|
|
|
358
358
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
359
359
|
boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
|
|
360
360
|
display: 'flex',
|
|
361
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
361
362
|
lineHeight: 1,
|
|
362
363
|
boxSizing: 'border-box',
|
|
363
364
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -6,19 +6,50 @@ import React, { useCallback, useContext } from 'react';
|
|
|
6
6
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css, jsx } from '@emotion/react';
|
|
9
|
-
import
|
|
9
|
+
import { IconButton } from '@atlaskit/button/new';
|
|
10
10
|
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
11
11
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
12
12
|
import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
|
|
13
13
|
import { EmojiPicker } from '@atlaskit/emoji';
|
|
14
14
|
import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
16
|
import Tooltip from '@atlaskit/tooltip';
|
|
16
17
|
import EditorEmojiAddIcon from './EditorEmojiAddIcon';
|
|
17
18
|
|
|
18
|
-
// helps adjusts position of popup
|
|
19
19
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
20
20
|
const emojiPickerButtonWrapper = css({
|
|
21
|
-
position: 'relative'
|
|
21
|
+
position: 'relative',
|
|
22
|
+
// helps adjusts position of popup
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
24
|
+
button: {
|
|
25
|
+
top: '-1px',
|
|
26
|
+
// adjust position of emoji icon when using the IconButtom component
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
28
|
+
'&:not([disabled])::after': {
|
|
29
|
+
border: 'none' // remove blue border when picker has been selected
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
33
|
+
svg: {
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
35
|
+
path: {
|
|
36
|
+
// adjust size of emoji icon when using the IconButtom component, otherwise it's too small
|
|
37
|
+
transformOrigin: '50% 50%',
|
|
38
|
+
transform: 'scale(1.14)'
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
44
|
+
const emojiPickerButtonWrapperVisualRefresh = css({
|
|
45
|
+
position: 'relative',
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
47
|
+
button: {
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
49
|
+
'&:not([disabled])::after': {
|
|
50
|
+
border: 'none' // remove blue border when picker has been selected
|
|
51
|
+
}
|
|
52
|
+
}
|
|
22
53
|
});
|
|
23
54
|
const EmojiPickerWithProvider = props => {
|
|
24
55
|
const {
|
|
@@ -101,35 +132,25 @@ export const EmojiPickerButton = props => {
|
|
|
101
132
|
};
|
|
102
133
|
const title = props.title || '';
|
|
103
134
|
return jsx("div", {
|
|
104
|
-
css:
|
|
135
|
+
css:
|
|
136
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
137
|
+
fg('platform-visual-refresh-icons') ? emojiPickerButtonWrapperVisualRefresh : emojiPickerButtonWrapper
|
|
105
138
|
}, jsx(Tooltip, {
|
|
106
139
|
content: title,
|
|
107
140
|
position: "top"
|
|
108
|
-
}, jsx(
|
|
109
|
-
appearance:
|
|
110
|
-
key: props.idx
|
|
111
|
-
// TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
|
|
112
|
-
,
|
|
113
|
-
style: {
|
|
114
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
115
|
-
padding: 0,
|
|
116
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
117
|
-
margin: 0,
|
|
118
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
119
|
-
display: 'flex',
|
|
120
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
121
|
-
height: '24px',
|
|
122
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
123
|
-
width: '24px'
|
|
124
|
-
},
|
|
141
|
+
}, jsx(IconButton, {
|
|
142
|
+
appearance: "subtle",
|
|
143
|
+
key: props.idx,
|
|
125
144
|
onClick: togglePopup,
|
|
126
145
|
ref: buttonRef,
|
|
127
146
|
isSelected: props.isSelected,
|
|
128
|
-
|
|
129
|
-
|
|
147
|
+
label: title,
|
|
148
|
+
spacing: "compact",
|
|
149
|
+
icon: () => jsx(EmojiAddIcon, {
|
|
130
150
|
color: "currentColor",
|
|
131
151
|
LEGACY_fallbackIcon: EditorEmojiAddIcon,
|
|
132
|
-
label: "emoji-picker-button"
|
|
152
|
+
label: "emoji-picker-button",
|
|
153
|
+
spacing: "spacious"
|
|
133
154
|
})
|
|
134
155
|
})), renderPopup());
|
|
135
156
|
};
|
|
@@ -99,7 +99,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
|
|
|
99
99
|
if (selected) {
|
|
100
100
|
return "var(--ds-icon-selected, #0C66E4)";
|
|
101
101
|
}
|
|
102
|
-
return
|
|
102
|
+
return 'currentColor';
|
|
103
103
|
};
|
|
104
104
|
return jsx(Button
|
|
105
105
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -320,6 +320,7 @@ const toolbarContainer = (scrollable, hasSelect, firstElementIsSelect) => css({
|
|
|
320
320
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
321
321
|
boxShadow: `var(--ds-shadow-overlay, ${`0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)`})`,
|
|
322
322
|
display: 'flex',
|
|
323
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
323
324
|
lineHeight: 1,
|
|
324
325
|
boxSizing: 'border-box',
|
|
325
326
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -7,19 +7,50 @@ import React, { useCallback, useContext } from 'react';
|
|
|
7
7
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
|
-
import
|
|
10
|
+
import { IconButton } from '@atlaskit/button/new';
|
|
11
11
|
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
12
12
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
13
13
|
import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
|
|
14
14
|
import { EmojiPicker } from '@atlaskit/emoji';
|
|
15
15
|
import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
17
|
import Tooltip from '@atlaskit/tooltip';
|
|
17
18
|
import EditorEmojiAddIcon from './EditorEmojiAddIcon';
|
|
18
19
|
|
|
19
|
-
// helps adjusts position of popup
|
|
20
20
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
21
21
|
var emojiPickerButtonWrapper = css({
|
|
22
|
-
position: 'relative'
|
|
22
|
+
position: 'relative',
|
|
23
|
+
// helps adjusts position of popup
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
25
|
+
button: {
|
|
26
|
+
top: '-1px',
|
|
27
|
+
// adjust position of emoji icon when using the IconButtom component
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
29
|
+
'&:not([disabled])::after': {
|
|
30
|
+
border: 'none' // remove blue border when picker has been selected
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
34
|
+
svg: {
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
36
|
+
path: {
|
|
37
|
+
// adjust size of emoji icon when using the IconButtom component, otherwise it's too small
|
|
38
|
+
transformOrigin: '50% 50%',
|
|
39
|
+
transform: 'scale(1.14)'
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
45
|
+
var emojiPickerButtonWrapperVisualRefresh = css({
|
|
46
|
+
position: 'relative',
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
48
|
+
button: {
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
50
|
+
'&:not([disabled])::after': {
|
|
51
|
+
border: 'none' // remove blue border when picker has been selected
|
|
52
|
+
}
|
|
53
|
+
}
|
|
23
54
|
});
|
|
24
55
|
var EmojiPickerWithProvider = function EmojiPickerWithProvider(props) {
|
|
25
56
|
var _useSharedPluginState = useSharedPluginState(props.pluginInjectionApi, ['emoji']),
|
|
@@ -106,35 +137,27 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
|
|
|
106
137
|
};
|
|
107
138
|
var title = props.title || '';
|
|
108
139
|
return jsx("div", {
|
|
109
|
-
css:
|
|
140
|
+
css:
|
|
141
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
142
|
+
fg('platform-visual-refresh-icons') ? emojiPickerButtonWrapperVisualRefresh : emojiPickerButtonWrapper
|
|
110
143
|
}, jsx(Tooltip, {
|
|
111
144
|
content: title,
|
|
112
145
|
position: "top"
|
|
113
|
-
}, jsx(
|
|
114
|
-
appearance:
|
|
115
|
-
key: props.idx
|
|
116
|
-
// TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
|
|
117
|
-
,
|
|
118
|
-
style: {
|
|
119
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
120
|
-
padding: 0,
|
|
121
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
122
|
-
margin: 0,
|
|
123
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
124
|
-
display: 'flex',
|
|
125
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
126
|
-
height: '24px',
|
|
127
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
128
|
-
width: '24px'
|
|
129
|
-
},
|
|
146
|
+
}, jsx(IconButton, {
|
|
147
|
+
appearance: "subtle",
|
|
148
|
+
key: props.idx,
|
|
130
149
|
onClick: togglePopup,
|
|
131
150
|
ref: buttonRef,
|
|
132
151
|
isSelected: props.isSelected,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
152
|
+
label: title,
|
|
153
|
+
spacing: "compact",
|
|
154
|
+
icon: function icon() {
|
|
155
|
+
return jsx(EmojiAddIcon, {
|
|
156
|
+
color: "currentColor",
|
|
157
|
+
LEGACY_fallbackIcon: EditorEmojiAddIcon,
|
|
158
|
+
label: "emoji-picker-button",
|
|
159
|
+
spacing: "spacious"
|
|
160
|
+
});
|
|
161
|
+
}
|
|
139
162
|
})), renderPopup());
|
|
140
163
|
};
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -103,7 +103,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
103
103
|
if (selected) {
|
|
104
104
|
return "var(--ds-icon-selected, #0C66E4)";
|
|
105
105
|
}
|
|
106
|
-
return
|
|
106
|
+
return 'currentColor';
|
|
107
107
|
};
|
|
108
108
|
return jsx(Button
|
|
109
109
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -351,6 +351,7 @@ var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstEle
|
|
|
351
351
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
352
352
|
boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
|
|
353
353
|
display: 'flex',
|
|
354
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
354
355
|
lineHeight: 1,
|
|
355
356
|
boxSizing: 'border-box',
|
|
356
357
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-floating-toolbar",
|
|
3
|
-
"version": "1.14.
|
|
3
|
+
"version": "1.14.17",
|
|
4
4
|
"description": "Floating toolbar plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
".": "./src/index.ts"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@atlaskit/adf-utils": "^19.
|
|
26
|
+
"@atlaskit/adf-utils": "^19.16.0",
|
|
27
27
|
"@atlaskit/button": "^20.3.0",
|
|
28
28
|
"@atlaskit/checkbox": "^15.2.0",
|
|
29
|
-
"@atlaskit/editor-common": "^
|
|
30
|
-
"@atlaskit/editor-palette": "1.6.
|
|
31
|
-
"@atlaskit/editor-plugin-block-controls": "^2.
|
|
29
|
+
"@atlaskit/editor-common": "^99.0.0",
|
|
30
|
+
"@atlaskit/editor-palette": "1.6.4",
|
|
31
|
+
"@atlaskit/editor-plugin-block-controls": "^2.18.0",
|
|
32
32
|
"@atlaskit/editor-plugin-context-panel": "^1.4.0",
|
|
33
33
|
"@atlaskit/editor-plugin-copy-button": "^1.3.0",
|
|
34
34
|
"@atlaskit/editor-plugin-decorations": "^1.3.0",
|
|
@@ -36,18 +36,18 @@
|
|
|
36
36
|
"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
|
|
37
37
|
"@atlaskit/editor-plugin-emoji": "^2.7.0",
|
|
38
38
|
"@atlaskit/editor-plugin-extension": "^3.0.0",
|
|
39
|
-
"@atlaskit/editor-plugin-table": "^9.
|
|
39
|
+
"@atlaskit/editor-plugin-table": "^9.1.0",
|
|
40
40
|
"@atlaskit/editor-prosemirror": "6.2.1",
|
|
41
|
-
"@atlaskit/emoji": "^67.
|
|
42
|
-
"@atlaskit/icon": "^23.
|
|
41
|
+
"@atlaskit/emoji": "^67.12.0",
|
|
42
|
+
"@atlaskit/icon": "^23.3.0",
|
|
43
43
|
"@atlaskit/menu": "^2.13.0",
|
|
44
|
-
"@atlaskit/modal-dialog": "^12.
|
|
44
|
+
"@atlaskit/modal-dialog": "^12.19.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
46
46
|
"@atlaskit/primitives": "^13.3.0",
|
|
47
47
|
"@atlaskit/select": "^18.9.0",
|
|
48
48
|
"@atlaskit/theme": "^14.0.0",
|
|
49
|
-
"@atlaskit/tmp-editor-statsig": "^2.
|
|
50
|
-
"@atlaskit/tokens": "^
|
|
49
|
+
"@atlaskit/tmp-editor-statsig": "^2.33.0",
|
|
50
|
+
"@atlaskit/tokens": "^3.0.0",
|
|
51
51
|
"@atlaskit/tooltip": "^19.0.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
|
53
53
|
"@emotion/react": "^11.7.1",
|
|
@@ -116,6 +116,9 @@
|
|
|
116
116
|
},
|
|
117
117
|
"platform_editor_floating_toolbar_padding_fix": {
|
|
118
118
|
"type": "boolean"
|
|
119
|
+
},
|
|
120
|
+
"platform-visual-refresh-icons": {
|
|
121
|
+
"type": "boolean"
|
|
119
122
|
}
|
|
120
123
|
}
|
|
121
124
|
}
|