@atlaskit/editor-toolbar 2.10.4 → 2.10.6
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 +17 -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 +3 -3
- package/dist/cjs/ui/ToolbarDropdownItemSection.js +2 -2
- 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 +2 -2
- package/dist/es2019/ui/ToolbarDropdownItemSection.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 +2 -2
- package/dist/esm/ui/ToolbarDropdownItemSection.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 +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-toolbar
|
|
2
2
|
|
|
3
|
+
## 2.10.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`d2113fc99fc6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2113fc99fc6f) -
|
|
8
|
+
[FFCLEANUP-243893] Clean up the `platform_editor_menu_radius_update` experiment, keeping the
|
|
9
|
+
shipped treatment: editor menus always use the large border radius, hide empty menu sections, and
|
|
10
|
+
the block menu and paste actions menu always render inside `ToolbarMenuContainer`.
|
|
11
|
+
|
|
12
|
+
## 2.10.5
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`e0fb460e4c662`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e0fb460e4c662) -
|
|
17
|
+
Use named dropdown menu component imports from their dedicated export paths.
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 2.10.4
|
|
4
21
|
|
|
5
22
|
### 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,4 @@
|
|
|
1
|
-
/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.4 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -14,7 +14,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
14
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
16
16
|
var _css = require("@atlaskit/css");
|
|
17
|
-
var
|
|
17
|
+
var _dropdownItem = require("@atlaskit/dropdown-menu/dropdown-item");
|
|
18
18
|
var _anchor = require("@atlaskit/primitives/compiled/anchor");
|
|
19
19
|
var _box = require("@atlaskit/primitives/compiled/box");
|
|
20
20
|
var _pressable = require("@atlaskit/primitives/compiled/pressable");
|
|
@@ -154,7 +154,7 @@ var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdown
|
|
|
154
154
|
isDisabled: isDisabled
|
|
155
155
|
}));
|
|
156
156
|
}();
|
|
157
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
157
|
+
return /*#__PURE__*/_react.default.createElement(_dropdownItem.DropdownItem
|
|
158
158
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
159
159
|
, (0, _extends2.default)({
|
|
160
160
|
onClick: function onClick(e) {
|
|
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.ToolbarDropdownItemSection = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _dropdownItemGroup = require("@atlaskit/dropdown-menu/dropdown-item-group");
|
|
10
10
|
var ToolbarDropdownItemSection = exports.ToolbarDropdownItemSection = function ToolbarDropdownItemSection(_ref) {
|
|
11
11
|
var children = _ref.children,
|
|
12
12
|
hasSeparator = _ref.hasSeparator,
|
|
13
13
|
title = _ref.title,
|
|
14
14
|
testId = _ref.testId;
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_dropdownItemGroup.DropdownItemGroup, {
|
|
16
16
|
hasSeparator: hasSeparator,
|
|
17
17
|
title: title,
|
|
18
18
|
"data-toolbar-component": "menu-section",
|
|
@@ -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,10 +1,10 @@
|
|
|
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";
|
|
5
5
|
import React, { forwardRef, isValidElement, cloneElement } from 'react';
|
|
6
6
|
import { cx } from '@atlaskit/css';
|
|
7
|
-
import { DropdownItem } from '@atlaskit/dropdown-menu/dropdown-
|
|
7
|
+
import { DropdownItem } from '@atlaskit/dropdown-menu/dropdown-item';
|
|
8
8
|
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
9
9
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
10
|
import { Pressable } from '@atlaskit/primitives/compiled/pressable';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropdownItemGroup } from '@atlaskit/dropdown-menu/dropdown-
|
|
2
|
+
import { DropdownItemGroup } from '@atlaskit/dropdown-menu/dropdown-item-group';
|
|
3
3
|
export const ToolbarDropdownItemSection = ({
|
|
4
4
|
children,
|
|
5
5
|
hasSeparator,
|
|
@@ -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";
|
|
@@ -11,7 +11,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
11
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
12
|
import React, { forwardRef, isValidElement, cloneElement } from 'react';
|
|
13
13
|
import { cx } from '@atlaskit/css';
|
|
14
|
-
import { DropdownItem } from '@atlaskit/dropdown-menu/dropdown-
|
|
14
|
+
import { DropdownItem } from '@atlaskit/dropdown-menu/dropdown-item';
|
|
15
15
|
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
16
16
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
17
17
|
import { Pressable } from '@atlaskit/primitives/compiled/pressable';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropdownItemGroup } from '@atlaskit/dropdown-menu/dropdown-
|
|
2
|
+
import { DropdownItemGroup } from '@atlaskit/dropdown-menu/dropdown-item-group';
|
|
3
3
|
export var ToolbarDropdownItemSection = function ToolbarDropdownItemSection(_ref) {
|
|
4
4
|
var children = _ref.children,
|
|
5
5
|
hasSeparator = _ref.hasSeparator,
|
|
@@ -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.6",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"website": {
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@atlaskit/badge": "^22.0.0",
|
|
37
37
|
"@atlaskit/browser-apis": "^1.2.0",
|
|
38
38
|
"@atlaskit/css": "^1.1.0",
|
|
39
|
-
"@atlaskit/dropdown-menu": "^21.
|
|
39
|
+
"@atlaskit/dropdown-menu": "^21.3.0",
|
|
40
40
|
"@atlaskit/icon": "^38.0.0",
|
|
41
41
|
"@atlaskit/icon-lab": "^7.11.0",
|
|
42
42
|
"@atlaskit/menu": "^11.0.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@atlaskit/primitives": "^22.7.0",
|
|
47
47
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
48
48
|
"@atlaskit/tmp-editor-statsig": "^260.0.0",
|
|
49
|
-
"@atlaskit/tokens": "^20.
|
|
49
|
+
"@atlaskit/tokens": "^20.11.0",
|
|
50
50
|
"@atlaskit/tooltip": "^24.4.0",
|
|
51
51
|
"@babel/runtime": "^7.0.0",
|
|
52
52
|
"@compiled/react": "^1.0.2",
|