@atlaskit/editor-toolbar 2.8.24 → 2.8.26

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 CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 2.8.26
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 2.8.25
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 2.8.24
4
16
 
5
17
  ### Patch Changes
@@ -12,7 +12,7 @@ require("./Toolbar.compiled.css");
12
12
  var _runtime = require("@compiled/react/runtime");
13
13
  var _react = _interopRequireDefault(require("react"));
14
14
  var _css = require("@atlaskit/css");
15
- var _compiled = require("@atlaskit/primitives/compiled");
15
+ var _box = require("@atlaskit/primitives/compiled/box");
16
16
  var _uiContext = require("../hooks/ui-context");
17
17
  var _ResponsiveContainer = require("./ResponsiveContainer");
18
18
  var _ToolbarKeyboardNavigationProvider = require("./ToolbarKeyboardNavigationProvider");
@@ -36,7 +36,7 @@ var Toolbar = exports.Toolbar = function Toolbar(_ref) {
36
36
  label = _ref.label,
37
37
  actionSubjectId = _ref.actionSubjectId,
38
38
  testId = _ref.testId;
39
- var toolbar = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
39
+ var toolbar = /*#__PURE__*/_react.default.createElement(_box.Box, {
40
40
  xcss: (0, _css.cx)(styles.toolbarBase, styles.toolbar, styles.toolbarResponsive, styles.hiddenSelectors, styles.toolbarSeparator, styles.hiddenSelectorsPatch),
41
41
  "aria-label": label,
42
42
  testId: testId,
@@ -77,7 +77,7 @@ var PrimaryToolbar = exports.PrimaryToolbar = function PrimaryToolbar(_ref2) {
77
77
  testId = _ref2.testId;
78
78
  return /*#__PURE__*/_react.default.createElement(_ResponsiveContainer.ResponsiveContainer, {
79
79
  breakpointPreset: breakpointPreset
80
- }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
80
+ }, /*#__PURE__*/_react.default.createElement(_box.Box, {
81
81
  xcss: (0, _css.cx)(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
82
82
  "data-toolbar-type": "primary",
83
83
  testId: testId
@@ -9,14 +9,14 @@ exports.ToolbarColorSwatch = void 0;
9
9
  require("./ToolbarColorSwatch.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
- var _compiled = require("@atlaskit/primitives/compiled");
12
+ var _box = require("@atlaskit/primitives/compiled/box");
13
13
  var styles = {
14
14
  colorSwatch: "_19itia51 _2rko12b0 _1e0c1txw _1bah1h6o _4cvr1h6o _1bsbgktf _4t3igktf _18u0r5cr _2hwxr5cr"
15
15
  };
16
16
  var ToolbarColorSwatch = exports.ToolbarColorSwatch = function ToolbarColorSwatch(_ref) {
17
17
  var children = _ref.children,
18
18
  highlightColor = _ref.highlightColor;
19
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
19
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
20
20
  xcss: styles.colorSwatch,
21
21
  testId: "toolbar-color-swatch"
22
22
  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
13
13
  var _react2 = require("@compiled/react");
14
14
  var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
15
15
  var _fg = require("@atlaskit/platform-feature-flags/fg");
16
- var _compiled = require("@atlaskit/primitives/compiled");
16
+ var _box = require("@atlaskit/primitives/compiled/box");
17
17
  var _uiContext = require("../hooks/ui-context");
18
18
  var _ToolbarButton = require("./ToolbarButton");
19
19
  var _ToolbarDropdownMenuContext = require("./ToolbarDropdownMenuContext");
@@ -110,7 +110,7 @@ var ToolbarDropdownMenu = exports.ToolbarDropdownMenu = function ToolbarDropdown
110
110
  onClick: onClick,
111
111
  tooltipComponent: tooltipComponent,
112
112
  shouldRenderToParent: shouldRenderToParent
113
- }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
113
+ }, /*#__PURE__*/_react.default.createElement(_box.Box, {
114
114
  xcss: (0, _react2.cx)(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, shouldRenderToParent && (0, _fg.fg)('platform_editor_fix_text_styles_width') && styles.renderToParent, styles.firstSectionSeparator),
115
115
  "data-toolbar-component": "menu"
116
116
  }, children));
@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.ToolbarKeyboardShortcutHint = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _badge = _interopRequireDefault(require("@atlaskit/badge/badge"));
10
- var _compiled = require("@atlaskit/primitives/compiled");
10
+ var _text = require("@atlaskit/primitives/compiled/text");
11
11
  var ToolbarKeyboardShortcutHint = exports.ToolbarKeyboardShortcutHint = function ToolbarKeyboardShortcutHint(_ref) {
12
12
  var shortcut = _ref.shortcut,
13
13
  isDisabled = _ref.isDisabled;
14
14
  if (isDisabled) {
15
15
  return /*#__PURE__*/_react.default.createElement(_badge.default, {
16
16
  appearance: "inverse"
17
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
17
+ }, /*#__PURE__*/_react.default.createElement(_text.Text, {
18
18
  color: "color.text.disabled"
19
19
  }, shortcut));
20
20
  }
@@ -11,7 +11,7 @@ var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _css = require("@atlaskit/css");
13
13
  var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
14
- var _compiled = require("@atlaskit/primitives/compiled");
14
+ var _box = require("@atlaskit/primitives/compiled/box");
15
15
  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
16
  var styles = {
17
17
  container: "_2rko12b0 _bfhk1bhr _16qs130s",
@@ -29,7 +29,7 @@ var ToolbarMenuContainer = exports.ToolbarMenuContainer = /*#__PURE__*/(0, _reac
29
29
  onMouseEnter = _ref.onMouseEnter,
30
30
  testId = _ref.testId,
31
31
  xcss = _ref.xcss;
32
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
32
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
33
33
  xcss: (0, _css.cx)(styles.container, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_menu_radius_update') && styles.radiusUpdate, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_menu_radius_update') && styles.emptyMenuSectionStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_menu_radius_update') && xcss),
34
34
  testId: testId,
35
35
  onMouseDown: onMouseDown,
@@ -15,7 +15,7 @@ var _react2 = require("@compiled/react");
15
15
  var _useCallbackRef = require("use-callback-ref");
16
16
  var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
17
17
  var _fg = require("@atlaskit/platform-feature-flags/fg");
18
- var _compiled = require("@atlaskit/primitives/compiled");
18
+ var _box = require("@atlaskit/primitives/compiled/box");
19
19
  var _ToolbarDropdownItem = require("./ToolbarDropdownItem");
20
20
  var _ToolbarTooltip = require("./ToolbarTooltip");
21
21
  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); }
@@ -103,7 +103,7 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
103
103
  }
104
104
  return item;
105
105
  }
106
- }, /*#__PURE__*/React.createElement(_compiled.Box, {
106
+ }, /*#__PURE__*/React.createElement(_box.Box, {
107
107
  xcss: (0, _react2.cx)(enableMaxHeight && styles.scrollContainer),
108
108
  "data-toolbar-nested-dropdown-menu": true
109
109
  }, isPopupVisible !== undefined && /*#__PURE__*/React.createElement(PopupVisibilityController, {
@@ -10,7 +10,7 @@ require("./ToolbarSection.compiled.css");
10
10
  var React = _interopRequireWildcard(require("react"));
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _css = require("@atlaskit/css");
13
- var _compiled = require("@atlaskit/primitives/compiled");
13
+ var _box = require("@atlaskit/primitives/compiled/box");
14
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); }
15
15
  var SeparatorPosition = exports.SeparatorPosition = /*#__PURE__*/function (SeparatorPosition) {
16
16
  SeparatorPosition["START"] = "start";
@@ -34,7 +34,7 @@ var ToolbarSection = exports.ToolbarSection = function ToolbarSection(_ref) {
34
34
  var children = _ref.children,
35
35
  testId = _ref.testId,
36
36
  hasSeparator = _ref.hasSeparator;
37
- return /*#__PURE__*/React.createElement(_compiled.Box, {
37
+ return /*#__PURE__*/React.createElement(_box.Box, {
38
38
  xcss: (0, _css.cx)(styles.container),
39
39
  testId: testId,
40
40
  "data-toolbar-component": "section"
@@ -10,7 +10,7 @@ require("./TextColorIcon.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
12
  var _textStyle = _interopRequireDefault(require("@atlaskit/icon/core/text-style"));
13
- var _compiled = require("@atlaskit/primitives/compiled");
13
+ var _box = require("@atlaskit/primitives/compiled/box");
14
14
  var styles = {
15
15
  icon: "_19pk12x7"
16
16
  };
@@ -22,7 +22,7 @@ var TextColorIcon = exports.TextColorIcon = function TextColorIcon(_ref) {
22
22
  testId = _ref.testId,
23
23
  iconColor = _ref.iconColor,
24
24
  isDisabled = _ref.isDisabled;
25
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
25
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
26
26
  as: "span",
27
27
  xcss: styles.icon
28
28
  }, /*#__PURE__*/_react.default.createElement(_textStyle.default, {
@@ -5,7 +5,7 @@ import "./Toolbar.compiled.css";
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import React from 'react';
7
7
  import { cx } from '@atlaskit/css';
8
- import { Box } from '@atlaskit/primitives/compiled';
8
+ import { Box } from '@atlaskit/primitives/compiled/box';
9
9
  import { useToolbarUI } from '../hooks/ui-context';
10
10
  import { ResponsiveContainer, ResponsiveWrapper } from './ResponsiveContainer';
11
11
  import { ToolbarKeyboardNavigationProvider } from './ToolbarKeyboardNavigationProvider';
@@ -2,7 +2,7 @@
2
2
  import "./ToolbarColorSwatch.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Box } from '@atlaskit/primitives/compiled';
5
+ import { Box } from '@atlaskit/primitives/compiled/box';
6
6
  const styles = {
7
7
  colorSwatch: "_19itia51 _2rko12b0 _1e0c1txw _1bah1h6o _4cvr1h6o _1bsbgktf _4t3igktf _18u0r5cr _2hwxr5cr"
8
8
  };
@@ -5,7 +5,7 @@ import React, { useCallback } from 'react';
5
5
  import { cx } from '@compiled/react';
6
6
  import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
7
7
  import { fg } from '@atlaskit/platform-feature-flags/fg';
8
- import { Box } from '@atlaskit/primitives/compiled';
8
+ import { Box } from '@atlaskit/primitives/compiled/box';
9
9
  import { useToolbarUI } from '../hooks/ui-context';
10
10
  import { ToolbarButton } from './ToolbarButton';
11
11
  import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import Badge from '@atlaskit/badge/badge';
3
- import { Text } from '@atlaskit/primitives/compiled';
3
+ import { Text } from '@atlaskit/primitives/compiled/text';
4
4
  export const ToolbarKeyboardShortcutHint = ({
5
5
  shortcut,
6
6
  isDisabled
@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
5
5
  import { cx } from '@atlaskit/css';
6
6
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
7
- import { Box } from '@atlaskit/primitives/compiled';
7
+ import { Box } from '@atlaskit/primitives/compiled/box';
8
8
  const styles = {
9
9
  container: "_2rko12b0 _bfhk1bhr _16qs130s",
10
10
  radiusUpdate: "_2rko1mok",
@@ -9,7 +9,7 @@ import { cx } from '@compiled/react';
9
9
  import { mergeRefs } from 'use-callback-ref';
10
10
  import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
11
11
  import { fg } from '@atlaskit/platform-feature-flags/fg';
12
- import { Box } from '@atlaskit/primitives/compiled';
12
+ import { Box } from '@atlaskit/primitives/compiled/box';
13
13
  import { ToolbarDropdownItem } from './ToolbarDropdownItem';
14
14
  import { ToolbarTooltip } from './ToolbarTooltip';
15
15
  const styles = {
@@ -3,7 +3,7 @@ import "./ToolbarSection.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { cx } from '@atlaskit/css';
6
- import { Box } from '@atlaskit/primitives/compiled';
6
+ import { Box } from '@atlaskit/primitives/compiled/box';
7
7
  export let SeparatorPosition = /*#__PURE__*/function (SeparatorPosition) {
8
8
  SeparatorPosition["START"] = "start";
9
9
  SeparatorPosition["END"] = "end";
@@ -3,7 +3,7 @@ import "./TextColorIcon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import Icon from '@atlaskit/icon/core/text-style';
6
- import { Box } from '@atlaskit/primitives/compiled';
6
+ import { Box } from '@atlaskit/primitives/compiled/box';
7
7
  const styles = {
8
8
  icon: "_19pk12x7"
9
9
  };
@@ -5,7 +5,7 @@ import "./Toolbar.compiled.css";
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import React from 'react';
7
7
  import { cx } from '@atlaskit/css';
8
- import { Box } from '@atlaskit/primitives/compiled';
8
+ import { Box } from '@atlaskit/primitives/compiled/box';
9
9
  import { useToolbarUI } from '../hooks/ui-context';
10
10
  import { ResponsiveContainer, ResponsiveWrapper } from './ResponsiveContainer';
11
11
  import { ToolbarKeyboardNavigationProvider } from './ToolbarKeyboardNavigationProvider';
@@ -2,7 +2,7 @@
2
2
  import "./ToolbarColorSwatch.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Box } from '@atlaskit/primitives/compiled';
5
+ import { Box } from '@atlaskit/primitives/compiled/box';
6
6
  var styles = {
7
7
  colorSwatch: "_19itia51 _2rko12b0 _1e0c1txw _1bah1h6o _4cvr1h6o _1bsbgktf _4t3igktf _18u0r5cr _2hwxr5cr"
8
8
  };
@@ -5,7 +5,7 @@ import React, { useCallback } from 'react';
5
5
  import { cx } from '@compiled/react';
6
6
  import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
7
7
  import { fg } from '@atlaskit/platform-feature-flags/fg';
8
- import { Box } from '@atlaskit/primitives/compiled';
8
+ import { Box } from '@atlaskit/primitives/compiled/box';
9
9
  import { useToolbarUI } from '../hooks/ui-context';
10
10
  import { ToolbarButton } from './ToolbarButton';
11
11
  import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import Badge from '@atlaskit/badge/badge';
3
- import { Text } from '@atlaskit/primitives/compiled';
3
+ import { Text } from '@atlaskit/primitives/compiled/text';
4
4
  export var ToolbarKeyboardShortcutHint = function ToolbarKeyboardShortcutHint(_ref) {
5
5
  var shortcut = _ref.shortcut,
6
6
  isDisabled = _ref.isDisabled;
@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
5
5
  import { cx } from '@atlaskit/css';
6
6
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
7
- import { Box } from '@atlaskit/primitives/compiled';
7
+ import { Box } from '@atlaskit/primitives/compiled/box';
8
8
  var styles = {
9
9
  container: "_2rko12b0 _bfhk1bhr _16qs130s",
10
10
  radiusUpdate: "_2rko1mok",
@@ -9,7 +9,7 @@ import { cx } from '@compiled/react';
9
9
  import { mergeRefs } from 'use-callback-ref';
10
10
  import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
11
11
  import { fg } from '@atlaskit/platform-feature-flags/fg';
12
- import { Box } from '@atlaskit/primitives/compiled';
12
+ import { Box } from '@atlaskit/primitives/compiled/box';
13
13
  import { ToolbarDropdownItem } from './ToolbarDropdownItem';
14
14
  import { ToolbarTooltip } from './ToolbarTooltip';
15
15
  var styles = {
@@ -3,7 +3,7 @@ import "./ToolbarSection.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { cx } from '@atlaskit/css';
6
- import { Box } from '@atlaskit/primitives/compiled';
6
+ import { Box } from '@atlaskit/primitives/compiled/box';
7
7
  export var SeparatorPosition = /*#__PURE__*/function (SeparatorPosition) {
8
8
  SeparatorPosition["START"] = "start";
9
9
  SeparatorPosition["END"] = "end";
@@ -3,7 +3,7 @@ import "./TextColorIcon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import Icon from '@atlaskit/icon/core/text-style';
6
- import { Box } from '@atlaskit/primitives/compiled';
6
+ import { Box } from '@atlaskit/primitives/compiled/box';
7
7
  var styles = {
8
8
  icon: "_19pk12x7"
9
9
  };
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "2.8.24",
6
+ "version": "2.8.26",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "website": {
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/popup": "^9.0.0",
46
46
  "@atlaskit/primitives": "^22.5.0",
47
47
  "@atlaskit/react-compiler-gating": "^0.2.0",
48
- "@atlaskit/tmp-editor-statsig": "^229.0.0",
48
+ "@atlaskit/tmp-editor-statsig": "^231.0.0",
49
49
  "@atlaskit/tokens": "^20.4.0",
50
50
  "@atlaskit/tooltip": "^24.4.0",
51
51
  "@babel/runtime": "^7.0.0",