@atlaskit/editor-toolbar 2.10.5 → 2.10.7
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 +15 -0
- package/compass.yml +1 -1
- package/dist/cjs/ui/ColorPalette/Color.js +1 -1
- package/dist/cjs/ui/ResponsiveContainer.js +1 -1
- package/dist/cjs/ui/Toolbar.js +1 -1
- package/dist/cjs/ui/ToolbarButton.js +1 -1
- package/dist/cjs/ui/ToolbarButtonGroup.js +1 -1
- package/dist/cjs/ui/ToolbarColorSwatch.js +1 -1
- package/dist/cjs/ui/ToolbarDropdownItem.js +1 -1
- package/dist/cjs/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/cjs/ui/ToolbarMenuContainer.compiled.css +0 -1
- package/dist/cjs/ui/ToolbarMenuContainer.js +3 -5
- package/dist/cjs/ui/ToolbarNestedDropdownMenu.js +1 -1
- package/dist/cjs/ui/ToolbarSection.js +1 -1
- package/dist/cjs/ui/icons/AIChatIcon.js +1 -1
- package/dist/cjs/ui/icons/TextColorIcon.js +1 -1
- package/dist/es2019/ui/ColorPalette/Color.js +1 -1
- package/dist/es2019/ui/ResponsiveContainer.js +1 -1
- package/dist/es2019/ui/Toolbar.js +1 -1
- package/dist/es2019/ui/ToolbarButton.js +1 -1
- package/dist/es2019/ui/ToolbarButtonGroup.js +1 -1
- package/dist/es2019/ui/ToolbarColorSwatch.js +1 -1
- package/dist/es2019/ui/ToolbarDropdownItem.js +1 -1
- package/dist/es2019/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/es2019/ui/ToolbarMenuContainer.compiled.css +0 -1
- package/dist/es2019/ui/ToolbarMenuContainer.js +3 -5
- package/dist/es2019/ui/ToolbarNestedDropdownMenu.js +1 -1
- package/dist/es2019/ui/ToolbarSection.js +1 -1
- package/dist/es2019/ui/icons/AIChatIcon.js +1 -1
- package/dist/es2019/ui/icons/TextColorIcon.js +1 -1
- package/dist/esm/ui/ColorPalette/Color.js +1 -1
- package/dist/esm/ui/ResponsiveContainer.js +1 -1
- package/dist/esm/ui/Toolbar.js +1 -1
- package/dist/esm/ui/ToolbarButton.js +1 -1
- package/dist/esm/ui/ToolbarButtonGroup.js +1 -1
- package/dist/esm/ui/ToolbarColorSwatch.js +1 -1
- package/dist/esm/ui/ToolbarDropdownItem.js +1 -1
- package/dist/esm/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/esm/ui/ToolbarMenuContainer.compiled.css +0 -1
- package/dist/esm/ui/ToolbarMenuContainer.js +3 -5
- package/dist/esm/ui/ToolbarNestedDropdownMenu.js +1 -1
- package/dist/esm/ui/ToolbarSection.js +1 -1
- package/dist/esm/ui/icons/AIChatIcon.js +1 -1
- package/dist/esm/ui/icons/TextColorIcon.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/editor-toolbar
|
|
2
2
|
|
|
3
|
+
## 2.10.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 2.10.6
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`d2113fc99fc6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2113fc99fc6f) -
|
|
14
|
+
[FFCLEANUP-243893] Clean up the `platform_editor_menu_radius_update` experiment, keeping the
|
|
15
|
+
shipped treatment: editor menus always use the large border radius, hide empty menu sections, and
|
|
16
|
+
the block menu and paste actions menu always render inside `ToolbarMenuContainer`.
|
|
17
|
+
|
|
3
18
|
## 2.10.5
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/compass.yml
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
|
|
4
4
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
|
4
4
|
"use strict";
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
2
1
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
2
|
._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
3
|
._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -10,12 +10,10 @@ require("./ToolbarMenuContainer.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _css = require("@atlaskit/css");
|
|
13
|
-
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
13
|
var _box = require("@atlaskit/primitives/compiled/box");
|
|
15
14
|
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); }
|
|
16
15
|
var styles = {
|
|
17
|
-
container: "
|
|
18
|
-
radiusUpdate: "_2rko1mok",
|
|
16
|
+
container: "_2rko1mok _bfhk1bhr _16qs130s",
|
|
19
17
|
emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
|
|
20
18
|
};
|
|
21
19
|
/**
|
|
@@ -30,7 +28,7 @@ var ToolbarMenuContainer = exports.ToolbarMenuContainer = /*#__PURE__*/(0, _reac
|
|
|
30
28
|
testId = _ref.testId,
|
|
31
29
|
xcss = _ref.xcss;
|
|
32
30
|
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
33
|
-
xcss: (0, _css.cx)(styles.container,
|
|
31
|
+
xcss: (0, _css.cx)(styles.container, styles.emptyMenuSectionStyles, xcss),
|
|
34
32
|
testId: testId,
|
|
35
33
|
onMouseDown: onMouseDown,
|
|
36
34
|
onMouseEnter: onMouseEnter,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
|
|
4
4
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
|
4
4
|
import "./Toolbar.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarButton.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarButtonGroup.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarColorSwatch.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./ToolbarDropdownItem.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarDropdownMenu.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback } from 'react';
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
2
1
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
2
|
._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
3
|
._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarMenuContainer.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
5
5
|
import { cx } from '@atlaskit/css';
|
|
6
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
7
6
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
7
|
const styles = {
|
|
9
|
-
container: "
|
|
10
|
-
radiusUpdate: "_2rko1mok",
|
|
8
|
+
container: "_2rko1mok _bfhk1bhr _16qs130s",
|
|
11
9
|
emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
|
|
12
10
|
};
|
|
13
11
|
/**
|
|
@@ -23,7 +21,7 @@ export const ToolbarMenuContainer = /*#__PURE__*/forwardRef(({
|
|
|
23
21
|
xcss
|
|
24
22
|
}, ref) => {
|
|
25
23
|
return /*#__PURE__*/React.createElement(Box, {
|
|
26
|
-
xcss: cx(styles.container,
|
|
24
|
+
xcss: cx(styles.container, styles.emptyMenuSectionStyles, xcss),
|
|
27
25
|
testId: testId,
|
|
28
26
|
onMouseDown: onMouseDown,
|
|
29
27
|
onMouseEnter: onMouseEnter,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarNestedDropdownMenu.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
|
|
4
4
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
|
4
4
|
import "./Toolbar.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarButton.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarButtonGroup.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarColorSwatch.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarDropdownMenu.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback } from 'react';
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
2
1
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
2
|
._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
3
|
._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarMenuContainer.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
5
5
|
import { cx } from '@atlaskit/css';
|
|
6
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
7
6
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
7
|
var styles = {
|
|
9
|
-
container: "
|
|
10
|
-
radiusUpdate: "_2rko1mok",
|
|
8
|
+
container: "_2rko1mok _bfhk1bhr _16qs130s",
|
|
11
9
|
emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
|
|
12
10
|
};
|
|
13
11
|
/**
|
|
@@ -22,7 +20,7 @@ export var ToolbarMenuContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22
20
|
testId = _ref.testId,
|
|
23
21
|
xcss = _ref.xcss;
|
|
24
22
|
return /*#__PURE__*/React.createElement(Box, {
|
|
25
|
-
xcss: cx(styles.container,
|
|
23
|
+
xcss: cx(styles.container, styles.emptyMenuSectionStyles, xcss),
|
|
26
24
|
testId: testId,
|
|
27
25
|
onMouseDown: onMouseDown,
|
|
28
26
|
onMouseEnter: onMouseEnter,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
import "./ToolbarNestedDropdownMenu.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org/"
|
|
5
5
|
},
|
|
6
|
-
"version": "2.10.
|
|
6
|
+
"version": "2.10.7",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"website": {
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@atlaskit/popup": "^10.2.0",
|
|
46
46
|
"@atlaskit/primitives": "^22.7.0",
|
|
47
47
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
48
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
48
|
+
"@atlaskit/tmp-editor-statsig": "^261.0.0",
|
|
49
49
|
"@atlaskit/tokens": "^20.11.0",
|
|
50
50
|
"@atlaskit/tooltip": "^24.4.0",
|
|
51
51
|
"@babel/runtime": "^7.0.0",
|