@atlaskit/editor-plugin-floating-toolbar 10.0.14 → 10.0.16
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/EditorEmojiAddIcon.js +1 -1
- package/dist/cjs/ui/ScrollButtons.js +1 -2
- package/dist/cjs/ui/Toolbar.js +4 -4
- package/dist/es2019/ui/EditorEmojiAddIcon.js +1 -1
- package/dist/es2019/ui/ScrollButtons.js +1 -2
- package/dist/es2019/ui/Toolbar.js +4 -4
- package/dist/esm/ui/EditorEmojiAddIcon.js +1 -1
- package/dist/esm/ui/ScrollButtons.js +1 -2
- package/dist/esm/ui/Toolbar.js +4 -4
- package/package.json +5 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-floating-toolbar
|
|
2
2
|
|
|
3
|
+
## 10.0.16
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 10.0.15
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`5892e575833a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5892e575833a1) -
|
|
14
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 10.0.14
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -16,7 +16,7 @@ function EditorEmojiAddIcon() {
|
|
|
16
16
|
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
17
17
|
width: 24,
|
|
18
18
|
height: 24,
|
|
19
|
-
fill: "var(--ds-background-neutral-subtle,
|
|
19
|
+
fill: "var(--ds-background-neutral-subtle, #00000000)",
|
|
20
20
|
fillOpacity: "0.01"
|
|
21
21
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
22
22
|
fillRule: "evenodd",
|
|
@@ -14,7 +14,6 @@ var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
|
|
|
14
14
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
15
15
|
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
|
|
16
16
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
17
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
18
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
18
|
/**
|
|
20
19
|
* @jsxRuntime classic
|
|
@@ -29,7 +28,7 @@ var toolbarScrollButtons = (0, _react2.css)({
|
|
|
29
28
|
gridTemplateColumns: '1fr 1fr',
|
|
30
29
|
gridGap: "var(--ds-space-050, 4px)",
|
|
31
30
|
padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
|
|
32
|
-
borderLeft: "solid ".concat("var(--ds-border, "
|
|
31
|
+
borderLeft: "solid ".concat("var(--ds-border, #0B120E24)", " ", "var(--ds-border-width, 1px)"),
|
|
33
32
|
flexShrink: 0,
|
|
34
33
|
alignItems: 'center'
|
|
35
34
|
});
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -443,9 +443,9 @@ var buttonGroupStylesNew = (0, _react2.css)({
|
|
|
443
443
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
444
444
|
var toolbarContainer = function toolbarContainer(areAnyNewToolbarFlagsEnabled, scrollable, hasSelect, firstElementIsSelect) {
|
|
445
445
|
return (0, _react2.css)({
|
|
446
|
-
backgroundColor: "var(--ds-surface-overlay,
|
|
446
|
+
backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
|
|
447
447
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
448
|
-
boxShadow: "var(--ds-shadow-overlay,
|
|
448
|
+
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
|
|
449
449
|
display: 'flex',
|
|
450
450
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
451
451
|
lineHeight: 1,
|
|
@@ -476,7 +476,7 @@ var toolbarContainer = function toolbarContainer(areAnyNewToolbarFlagsEnabled, s
|
|
|
476
476
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
477
477
|
(0, _react2.css)({
|
|
478
478
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
479
|
-
padding: "var(--ds-space-0,
|
|
479
|
+
padding: "var(--ds-space-0, 0px)".concat(" 4px ", "var(--ds-space-0, 0px)", " 4px")
|
|
480
480
|
},
|
|
481
481
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
482
482
|
firstElementIsSelect &&
|
|
@@ -552,7 +552,7 @@ var toolbarOverflow = function toolbarOverflow(_ref2) {
|
|
|
552
552
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
553
553
|
(0, _react2.css)({
|
|
554
554
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
555
|
-
padding: "var(--ds-space-0,
|
|
555
|
+
padding: "var(--ds-space-0, 0px)".concat(" 4px ", "var(--ds-space-600, 48px)", " 4px"),
|
|
556
556
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
557
557
|
'> div': {
|
|
558
558
|
minHeight: "var(--ds-space-500, 40px)",
|
|
@@ -9,7 +9,7 @@ export default function EditorEmojiAddIcon() {
|
|
|
9
9
|
}, /*#__PURE__*/React.createElement("rect", {
|
|
10
10
|
width: 24,
|
|
11
11
|
height: 24,
|
|
12
|
-
fill: "var(--ds-background-neutral-subtle,
|
|
12
|
+
fill: "var(--ds-background-neutral-subtle, #00000000)",
|
|
13
13
|
fillOpacity: "0.01"
|
|
14
14
|
}), /*#__PURE__*/React.createElement("path", {
|
|
15
15
|
fillRule: "evenodd",
|
|
@@ -11,14 +11,13 @@ import { messages } from '@atlaskit/editor-common/floating-toolbar';
|
|
|
11
11
|
import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
|
|
12
12
|
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
13
13
|
import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
|
|
14
|
-
import { N30 } from '@atlaskit/theme/colors';
|
|
15
14
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
16
15
|
const toolbarScrollButtons = css({
|
|
17
16
|
display: 'grid',
|
|
18
17
|
gridTemplateColumns: '1fr 1fr',
|
|
19
18
|
gridGap: "var(--ds-space-050, 4px)",
|
|
20
19
|
padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
|
|
21
|
-
borderLeft: `solid ${
|
|
20
|
+
borderLeft: `solid ${"var(--ds-border, #0B120E24)"} ${"var(--ds-border-width, 1px)"}`,
|
|
22
21
|
flexShrink: 0,
|
|
23
22
|
alignItems: 'center'
|
|
24
23
|
});
|
|
@@ -409,9 +409,9 @@ const buttonGroupStylesNew = css({
|
|
|
409
409
|
|
|
410
410
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
411
411
|
const toolbarContainer = (areAnyNewToolbarFlagsEnabled, scrollable, hasSelect, firstElementIsSelect) => css({
|
|
412
|
-
backgroundColor: "var(--ds-surface-overlay,
|
|
412
|
+
backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
|
|
413
413
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
414
|
-
boxShadow:
|
|
414
|
+
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
|
|
415
415
|
display: 'flex',
|
|
416
416
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
417
417
|
lineHeight: 1,
|
|
@@ -442,7 +442,7 @@ areAnyNewToolbarFlagsEnabled ?
|
|
|
442
442
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
443
443
|
css({
|
|
444
444
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
445
|
-
padding: `${"var(--ds-space-0,
|
|
445
|
+
padding: `${"var(--ds-space-0, 0px)"} 4px ${"var(--ds-space-0, 0px)"} 4px`
|
|
446
446
|
},
|
|
447
447
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
448
448
|
firstElementIsSelect &&
|
|
@@ -517,7 +517,7 @@ areAnyNewToolbarFlagsEnabled ?
|
|
|
517
517
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
518
518
|
css({
|
|
519
519
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
520
|
-
padding: `${"var(--ds-space-0,
|
|
520
|
+
padding: `${"var(--ds-space-0, 0px)"} 4px ${"var(--ds-space-600, 48px)"} 4px`,
|
|
521
521
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
522
522
|
'> div': {
|
|
523
523
|
minHeight: "var(--ds-space-500, 40px)",
|
|
@@ -9,7 +9,7 @@ export default function EditorEmojiAddIcon() {
|
|
|
9
9
|
}, /*#__PURE__*/React.createElement("rect", {
|
|
10
10
|
width: 24,
|
|
11
11
|
height: 24,
|
|
12
|
-
fill: "var(--ds-background-neutral-subtle,
|
|
12
|
+
fill: "var(--ds-background-neutral-subtle, #00000000)",
|
|
13
13
|
fillOpacity: "0.01"
|
|
14
14
|
}), /*#__PURE__*/React.createElement("path", {
|
|
15
15
|
fillRule: "evenodd",
|
|
@@ -12,14 +12,13 @@ import { messages } from '@atlaskit/editor-common/floating-toolbar';
|
|
|
12
12
|
import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
|
|
13
13
|
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
14
14
|
import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
|
|
15
|
-
import { N30 } from '@atlaskit/theme/colors';
|
|
16
15
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
17
16
|
var toolbarScrollButtons = css({
|
|
18
17
|
display: 'grid',
|
|
19
18
|
gridTemplateColumns: '1fr 1fr',
|
|
20
19
|
gridGap: "var(--ds-space-050, 4px)",
|
|
21
20
|
padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
|
|
22
|
-
borderLeft: "solid ".concat("var(--ds-border, "
|
|
21
|
+
borderLeft: "solid ".concat("var(--ds-border, #0B120E24)", " ", "var(--ds-border-width, 1px)"),
|
|
23
22
|
flexShrink: 0,
|
|
24
23
|
alignItems: 'center'
|
|
25
24
|
});
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -437,9 +437,9 @@ var buttonGroupStylesNew = css({
|
|
|
437
437
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
438
438
|
var toolbarContainer = function toolbarContainer(areAnyNewToolbarFlagsEnabled, scrollable, hasSelect, firstElementIsSelect) {
|
|
439
439
|
return css({
|
|
440
|
-
backgroundColor: "var(--ds-surface-overlay,
|
|
440
|
+
backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
|
|
441
441
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
442
|
-
boxShadow: "var(--ds-shadow-overlay,
|
|
442
|
+
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
|
|
443
443
|
display: 'flex',
|
|
444
444
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
445
445
|
lineHeight: 1,
|
|
@@ -470,7 +470,7 @@ var toolbarContainer = function toolbarContainer(areAnyNewToolbarFlagsEnabled, s
|
|
|
470
470
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
471
471
|
css({
|
|
472
472
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
473
|
-
padding: "var(--ds-space-0,
|
|
473
|
+
padding: "var(--ds-space-0, 0px)".concat(" 4px ", "var(--ds-space-0, 0px)", " 4px")
|
|
474
474
|
},
|
|
475
475
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
476
476
|
firstElementIsSelect &&
|
|
@@ -546,7 +546,7 @@ var toolbarOverflow = function toolbarOverflow(_ref2) {
|
|
|
546
546
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
547
547
|
css({
|
|
548
548
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
549
|
-
padding: "var(--ds-space-0,
|
|
549
|
+
padding: "var(--ds-space-0, 0px)".concat(" 4px ", "var(--ds-space-600, 48px)", " 4px"),
|
|
550
550
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
551
551
|
'> div': {
|
|
552
552
|
minHeight: "var(--ds-space-500, 40px)",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-floating-toolbar",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.16",
|
|
4
4
|
"description": "Floating toolbar plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -37,15 +37,14 @@
|
|
|
37
37
|
"@atlaskit/editor-plugin-user-intent": "^6.0.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
39
39
|
"@atlaskit/emoji": "^69.10.0",
|
|
40
|
-
"@atlaskit/icon": "^33.
|
|
40
|
+
"@atlaskit/icon": "^33.1.0",
|
|
41
41
|
"@atlaskit/menu": "^8.4.0",
|
|
42
42
|
"@atlaskit/modal-dialog": "^14.12.0",
|
|
43
43
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
44
44
|
"@atlaskit/primitives": "^18.1.0",
|
|
45
45
|
"@atlaskit/select": "^21.8.0",
|
|
46
|
-
"@atlaskit/
|
|
47
|
-
"@atlaskit/
|
|
48
|
-
"@atlaskit/tokens": "^11.2.0",
|
|
46
|
+
"@atlaskit/tmp-editor-statsig": "^47.0.0",
|
|
47
|
+
"@atlaskit/tokens": "^11.3.0",
|
|
49
48
|
"@atlaskit/tooltip": "^21.0.0",
|
|
50
49
|
"@babel/runtime": "^7.0.0",
|
|
51
50
|
"@emotion/react": "^11.7.1",
|
|
@@ -56,7 +55,7 @@
|
|
|
56
55
|
"react-loadable": "^5.1.0"
|
|
57
56
|
},
|
|
58
57
|
"peerDependencies": {
|
|
59
|
-
"@atlaskit/editor-common": "^112.
|
|
58
|
+
"@atlaskit/editor-common": "^112.10.0",
|
|
60
59
|
"react": "^18.2.0",
|
|
61
60
|
"react-dom": "^18.2.0"
|
|
62
61
|
},
|