@atlaskit/editor-plugin-floating-toolbar 5.1.1 → 5.1.3

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,22 @@
1
1
  # @atlaskit/editor-plugin-floating-toolbar
2
2
 
3
+ ## 5.1.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#192710](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/192710)
8
+ [`b3b30f3bc4453`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b3b30f3bc4453) -
9
+ Internal changes to how border radius and border width values are applied. No visual change.
10
+
11
+ ## 5.1.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [#189903](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189903)
16
+ [`f5ccd32e607db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f5ccd32e607db) -
17
+ [ED-28567] Add/remove missing/extra separators in media, table and panel toolbars shown in Jira
18
+ - Updated dependencies
19
+
3
20
  ## 5.1.1
4
21
 
5
22
  ### Patch Changes
@@ -26,10 +26,6 @@ var menuItemDimensions = exports.menuItemDimensions = {
26
26
  width: 175,
27
27
  height: 32
28
28
  };
29
- var separatorStylesThin = (0, _react2.css)({
30
- background: "var(--ds-border, #091E4224)",
31
- height: '1px'
32
- });
33
29
  var headingStyles = (0, _react2.css)({
34
30
  padding: "var(--ds-space-200, 16px)".concat(" 0 ", "var(--ds-space-100, 8px)")
35
31
  });
@@ -86,10 +82,9 @@ var Dropdown = /*#__PURE__*/(0, _react.memo)(function (props) {
86
82
  });
87
83
  }
88
84
  if (item.type === 'separator') {
89
- return (0, _react2.jsx)("div", {
90
- // eslint-disable-next-line react/no-array-index-key
91
- key: idx,
92
- css: separatorStylesThin
85
+ // eslint-disable-next-line react/no-array-index-key
86
+ return (0, _react2.jsx)(_floatingToolbar.DropdownSeparator, {
87
+ key: idx
93
88
  });
94
89
  }
95
90
  if (item.type === 'overflow-dropdown-heading') {
@@ -21,14 +21,14 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
21
21
  var rightSideStyles = (0, _primitives.xcss)({
22
22
  borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
23
23
  right: 'space.0',
24
- borderTopRightRadius: '3px',
25
- borderBottomRightRadius: '3px'
24
+ borderTopRightRadius: 'border.radius.100',
25
+ borderBottomRightRadius: 'border.radius.100'
26
26
  });
27
27
  var leftSideStyles = (0, _primitives.xcss)({
28
28
  borderRight: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
29
29
  left: 'space.0',
30
- borderTopLeftRadius: '3px',
31
- borderBottomLeftRadius: '3px'
30
+ borderTopLeftRadius: 'border.radius.100',
31
+ borderBottomLeftRadius: 'border.radius.100'
32
32
  });
33
33
  var buttonCommonStyles = (0, _primitives.xcss)({
34
34
  backgroundColor: 'elevation.surface.overlay',
@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
9
9
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
10
10
 
11
11
  import { injectIntl } from 'react-intl-next';
12
- import { DropdownMenuItem } from '@atlaskit/editor-common/floating-toolbar';
12
+ import { DropdownMenuItem, DropdownSeparator } from '@atlaskit/editor-common/floating-toolbar';
13
13
  import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
14
14
  import { HeadingItem } from '@atlaskit/menu';
15
15
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -18,10 +18,6 @@ export const menuItemDimensions = {
18
18
  width: 175,
19
19
  height: 32
20
20
  };
21
- const separatorStylesThin = css({
22
- background: "var(--ds-border, #091E4224)",
23
- height: '1px'
24
- });
25
21
  const headingStyles = css({
26
22
  padding: `${"var(--ds-space-200, 16px)"} 0 ${"var(--ds-space-100, 8px)"}`
27
23
  });
@@ -77,10 +73,9 @@ const Dropdown = /*#__PURE__*/memo(props => {
77
73
  });
78
74
  }
79
75
  if (item.type === 'separator') {
80
- return jsx("div", {
81
- // eslint-disable-next-line react/no-array-index-key
82
- key: idx,
83
- css: separatorStylesThin
76
+ // eslint-disable-next-line react/no-array-index-key
77
+ return jsx(DropdownSeparator, {
78
+ key: idx
84
79
  });
85
80
  }
86
81
  if (item.type === 'overflow-dropdown-heading') {
@@ -10,14 +10,14 @@ import { Box, xcss } from '@atlaskit/primitives';
10
10
  const rightSideStyles = xcss({
11
11
  borderLeft: `solid ${"var(--ds-border, #091E4224)"} 1px`,
12
12
  right: 'space.0',
13
- borderTopRightRadius: '3px',
14
- borderBottomRightRadius: '3px'
13
+ borderTopRightRadius: 'border.radius.100',
14
+ borderBottomRightRadius: 'border.radius.100'
15
15
  });
16
16
  const leftSideStyles = xcss({
17
17
  borderRight: `solid ${"var(--ds-border, #091E4224)"} 1px`,
18
18
  left: 'space.0',
19
- borderTopLeftRadius: '3px',
20
- borderBottomLeftRadius: '3px'
19
+ borderTopLeftRadius: 'border.radius.100',
20
+ borderBottomLeftRadius: 'border.radius.100'
21
21
  });
22
22
  const buttonCommonStyles = xcss({
23
23
  backgroundColor: 'elevation.surface.overlay',
@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
9
9
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
10
10
 
11
11
  import { injectIntl } from 'react-intl-next';
12
- import { DropdownMenuItem } from '@atlaskit/editor-common/floating-toolbar';
12
+ import { DropdownMenuItem, DropdownSeparator } from '@atlaskit/editor-common/floating-toolbar';
13
13
  import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
14
14
  import { HeadingItem } from '@atlaskit/menu';
15
15
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -18,10 +18,6 @@ export var menuItemDimensions = {
18
18
  width: 175,
19
19
  height: 32
20
20
  };
21
- var separatorStylesThin = css({
22
- background: "var(--ds-border, #091E4224)",
23
- height: '1px'
24
- });
25
21
  var headingStyles = css({
26
22
  padding: "var(--ds-space-200, 16px)".concat(" 0 ", "var(--ds-space-100, 8px)")
27
23
  });
@@ -78,10 +74,9 @@ var Dropdown = /*#__PURE__*/memo(function (props) {
78
74
  });
79
75
  }
80
76
  if (item.type === 'separator') {
81
- return jsx("div", {
82
- // eslint-disable-next-line react/no-array-index-key
83
- key: idx,
84
- css: separatorStylesThin
77
+ // eslint-disable-next-line react/no-array-index-key
78
+ return jsx(DropdownSeparator, {
79
+ key: idx
85
80
  });
86
81
  }
87
82
  if (item.type === 'overflow-dropdown-heading') {
@@ -11,14 +11,14 @@ import { Box, xcss } from '@atlaskit/primitives';
11
11
  var rightSideStyles = xcss({
12
12
  borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
13
13
  right: 'space.0',
14
- borderTopRightRadius: '3px',
15
- borderBottomRightRadius: '3px'
14
+ borderTopRightRadius: 'border.radius.100',
15
+ borderBottomRightRadius: 'border.radius.100'
16
16
  });
17
17
  var leftSideStyles = xcss({
18
18
  borderRight: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
19
19
  left: 'space.0',
20
- borderTopLeftRadius: '3px',
21
- borderBottomLeftRadius: '3px'
20
+ borderTopLeftRadius: 'border.radius.100',
21
+ borderBottomLeftRadius: 'border.radius.100'
22
22
  });
23
23
  var buttonCommonStyles = xcss({
24
24
  backgroundColor: 'elevation.surface.overlay',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-floating-toolbar",
3
- "version": "5.1.1",
3
+ "version": "5.1.3",
4
4
  "description": "Floating toolbar plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -25,7 +25,7 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@atlaskit/adf-utils": "^19.20.0",
28
- "@atlaskit/button": "^23.2.0",
28
+ "@atlaskit/button": "^23.3.0",
29
29
  "@atlaskit/checkbox": "^17.1.0",
30
30
  "@atlaskit/editor-palette": "^2.1.0",
31
31
  "@atlaskit/editor-plugin-analytics": "^3.0.0",
@@ -41,16 +41,16 @@
41
41
  "@atlaskit/editor-plugin-user-intent": "^1.1.0",
42
42
  "@atlaskit/editor-prosemirror": "7.0.0",
43
43
  "@atlaskit/emoji": "^69.3.0",
44
- "@atlaskit/icon": "^27.6.0",
45
- "@atlaskit/menu": "^8.0.0",
44
+ "@atlaskit/icon": "^27.7.0",
45
+ "@atlaskit/menu": "^8.1.0",
46
46
  "@atlaskit/modal-dialog": "^14.3.0",
47
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
- "@atlaskit/primitives": "^14.10.0",
48
+ "@atlaskit/primitives": "^14.11.0",
49
49
  "@atlaskit/select": "^21.2.0",
50
50
  "@atlaskit/theme": "^19.0.0",
51
- "@atlaskit/tmp-editor-statsig": "^9.9.0",
51
+ "@atlaskit/tmp-editor-statsig": "^9.17.0",
52
52
  "@atlaskit/tokens": "^5.6.0",
53
- "@atlaskit/tooltip": "^20.3.0",
53
+ "@atlaskit/tooltip": "^20.4.0",
54
54
  "@babel/runtime": "^7.0.0",
55
55
  "@emotion/react": "^11.7.1",
56
56
  "bind-event-listener": "^3.0.0",
@@ -60,7 +60,7 @@
60
60
  "react-loadable": "^5.1.0"
61
61
  },
62
62
  "peerDependencies": {
63
- "@atlaskit/editor-common": "^107.9.0",
63
+ "@atlaskit/editor-common": "^107.12.0",
64
64
  "react": "^18.2.0",
65
65
  "react-dom": "^18.2.0"
66
66
  },