@atlaskit/renderer 109.4.6 → 109.4.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/react/nodes/multiBodiedExtension.js +13 -8
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/react/nodes/multiBodiedExtension.js +25 -37
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/react/nodes/multiBodiedExtension.js +15 -10
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 109.4.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#74333](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74333) [`600bcf196eab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/600bcf196eab) - [ux] ED-21950: CSS fixes related to MBE
8
+
3
9
  ## 109.4.6
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/react/nodes/multiBodiedExtension.js CHANGED
@@ -51,7 +51,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
51
51
  }, [updateActiveChild, children]);
52
52
  return actions;
53
53
  };
54
- var navigationCSS = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n // make sure the user can't see a range selection inside the navigation\n // This is really important to keep the navigation working properly\n user-select: none;\n -webkit-user-modify: read-only;\n border: 1px solid ", ";\n border-bottom: none;\n .mbe-add-tab-button,\n .mbe-remove-tab {\n display: none;\n }\n"])), "var(--ds-border, ".concat(_colors.N40, ")"));
54
+ var navigationCssExtended = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-left: 0 !important;\n margin-right: 0 !important;\n .mbe-add-tab-button,\n .mbe-remove-tab {\n display: none;\n }\n"])), _ui.sharedMultiBodiedExtensionStyles.mbeNavigation);
55
55
  var MultiBodiedExtension = function MultiBodiedExtension(props) {
56
56
  var children = props.children,
57
57
  _props$layout = props.layout,
@@ -62,6 +62,10 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
62
62
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
63
63
  activeChildIndex = _useState2[0],
64
64
  setActiveChildIndex = _useState2[1];
65
+ var removeOverflow = _react2.default.Children.toArray(children).map(function (child) {
66
+ return /*#__PURE__*/_react2.default.isValidElement(child) ? child.props.nodeType === 'table' : false;
67
+ }).every(Boolean);
68
+ var overflowContainerClass = !removeOverflow ? _consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
65
69
  var updateActiveChild = _react2.default.useCallback(function (index) {
66
70
  if (typeof index !== 'number') {
67
71
  // TODO: Make sure we log this somewhere if this happens
@@ -75,19 +79,19 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
75
79
  updateActiveChild: updateActiveChild,
76
80
  children: children
77
81
  });
78
- var containerCSS = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding: 0;\n border-radius: ", ";\n position: relative;\n vertical-align: middle;\n min-height: 100px;\n .ak-renderer-extension {\n margin-top: 0 !important;\n }\n\n .multiBodiedExtension--frames > [data-extension-frame='true'] {\n display: none;\n }\n\n .multiBodiedExtension--frames\n > [data-extension-frame='true']:nth-of-type(", ") {\n padding: ", " !important;\n border: 1px solid ", ";\n display: block;\n min-height: 100px;\n background: ", ";\n padding-left: ", ";\n padding-right: ", ";\n\n .bodiedExtensionView-content-wrap {\n margin-top: ", " !important;\n }\n .extensionView-content-wrap {\n margin-top: ", " !important;\n }\n }\n "])), "var(--ds-border-radius, 3px)", activeChildIndex + 1, "var(--ds-space-100, 8px)", "var(--ds-border, ".concat(_colors.N30, ")"), "var(--ds-surface, white)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)");
82
+ var containerCssExtended = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n .ak-renderer-extension {\n margin-top: 0 !important;\n }\n\n [data-layout='full-width'],\n [data-layout='wide'] {\n .multiBodiedExtension-navigation {\n border-right: 3px solid ", " !important;\n }\n }\n\n .multiBodiedExtension--frames\n > [data-extension-frame='true']:nth-of-type(", ") {\n ", "\n margin-left: 0;\n margin-right: 0;\n }\n "])), _ui.sharedMultiBodiedExtensionStyles.mbeExtensionContainer, "var(--ds-border, ".concat(_colors.N40, ")"), activeChildIndex + 1, _ui.sharedMultiBodiedExtensionStyles.extensionFrameContent);
79
83
  var isTopLevel = path.length < 1;
80
84
  var centerAlignClass = isTopLevel && ['wide', 'full-width'].includes(layout) ? _consts.RendererCssClassName.EXTENSION_CENTER_ALIGN : '';
81
85
  function renderMbeContent(width) {
82
86
  return (0, _react.jsx)("div", {
83
- className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(centerAlignClass),
87
+ className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(centerAlignClass, " ").concat(overflowContainerClass),
84
88
  style: {
85
89
  width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
86
90
  },
87
91
  "data-layout": layout
88
92
  }, (0, _react.jsx)("nav", {
89
93
  className: "multiBodiedExtension-navigation",
90
- css: navigationCSS,
94
+ css: navigationCssExtended,
91
95
  "data-testid": "multiBodiedExtension-navigation"
92
96
  }, (0, _react.jsx)(_ExtensionRenderer.default, (0, _extends2.default)({}, props, {
93
97
  actions: actions,
@@ -111,15 +115,16 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
111
115
  isTopLevel: path.length < 1
112
116
  });
113
117
  })), (0, _react.jsx)("article", {
114
- className: "multiBodiedExtension--frames",
115
- "data-testid": "multiBodiedExtension--frames"
118
+ "data-testid": "multiBodiedExtension--frames",
119
+ className: "multiBodiedExtension--frames"
116
120
  }, children));
117
121
  }
118
122
  return (0, _react.jsx)("section", {
119
123
  className: "multiBodiedExtension--container",
120
- css: containerCSS,
124
+ css: containerCssExtended,
121
125
  "data-testid": "multiBodiedExtension--container",
122
- "data-active-child-index": activeChildIndex
126
+ "data-active-child-index": activeChildIndex,
127
+ "data-layout": layout
123
128
  }, (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref3) {
124
129
  var width = _ref3.width;
125
130
  return renderMbeContent(width);
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -54,7 +54,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
54
54
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
55
55
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
56
56
  var packageName = "@atlaskit/renderer";
57
- var packageVersion = "109.4.6";
57
+ var packageVersion = "109.4.7";
58
58
  var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
59
59
  (0, _inherits2.default)(Renderer, _PureComponent);
60
60
  var _super = _createSuper(Renderer);
package/dist/es2019/react/nodes/multiBodiedExtension.js CHANGED
@@ -6,11 +6,11 @@ import _extends from "@babel/runtime/helpers/extends";
6
6
  import { jsx } from '@emotion/react';
7
7
  // eslint-disable-next-line @typescript-eslint/no-duplicate-imports
8
8
  import { css } from '@emotion/react';
9
- import { N30, N40 } from '@atlaskit/theme/colors';
9
+ import { N40 } from '@atlaskit/theme/colors';
10
10
  import React, { useState } from 'react';
11
11
  import { renderExtension } from './extension';
12
12
  import ExtensionRenderer from '../../ui/ExtensionRenderer';
13
- import { WidthConsumer } from '@atlaskit/editor-common/ui';
13
+ import { WidthConsumer, sharedMultiBodiedExtensionStyles } from '@atlaskit/editor-common/ui';
14
14
  import { RendererCssClassName } from '../../consts';
15
15
  import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
16
16
  const useMultiBodiedExtensionActions = ({
@@ -41,13 +41,10 @@ const useMultiBodiedExtensionActions = ({
41
41
  }, [updateActiveChild, children]);
42
42
  return actions;
43
43
  };
44
- const navigationCSS = css`
45
- // make sure the user can't see a range selection inside the navigation
46
- // This is really important to keep the navigation working properly
47
- user-select: none;
48
- -webkit-user-modify: read-only;
49
- border: 1px solid ${`var(--ds-border, ${N40})`};
50
- border-bottom: none;
44
+ const navigationCssExtended = css`
45
+ ${sharedMultiBodiedExtensionStyles.mbeNavigation};
46
+ margin-left: 0 !important;
47
+ margin-right: 0 !important;
51
48
  .mbe-add-tab-button,
52
49
  .mbe-remove-tab {
53
50
  display: none;
@@ -60,6 +57,8 @@ const MultiBodiedExtension = props => {
60
57
  path = []
61
58
  } = props;
62
59
  const [activeChildIndex, setActiveChildIndex] = useState(0);
60
+ const removeOverflow = React.Children.toArray(children).map(child => /*#__PURE__*/React.isValidElement(child) ? child.props.nodeType === 'table' : false).every(Boolean);
61
+ const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
63
62
  const updateActiveChild = React.useCallback(index => {
64
63
  if (typeof index !== 'number') {
65
64
  // TODO: Make sure we log this somewhere if this happens
@@ -73,50 +72,38 @@ const MultiBodiedExtension = props => {
73
72
  updateActiveChild,
74
73
  children
75
74
  });
76
- const containerCSS = css`
77
- padding: 0;
78
- border-radius: ${"var(--ds-border-radius, 3px)"};
79
- position: relative;
80
- vertical-align: middle;
81
- min-height: 100px;
75
+ const containerCssExtended = css`
76
+ ${sharedMultiBodiedExtensionStyles.mbeExtensionContainer};
82
77
  .ak-renderer-extension {
83
78
  margin-top: 0 !important;
84
79
  }
85
80
 
86
- .multiBodiedExtension--frames > [data-extension-frame='true'] {
87
- display: none;
81
+ [data-layout='full-width'],
82
+ [data-layout='wide'] {
83
+ .multiBodiedExtension-navigation {
84
+ border-right: 3px solid ${`var(--ds-border, ${N40})`} !important;
85
+ }
88
86
  }
89
87
 
90
88
  .multiBodiedExtension--frames
91
89
  > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1}) {
92
- padding: ${"var(--ds-space-100, 8px)"} !important;
93
- border: 1px solid ${`var(--ds-border, ${N30})`};
94
- display: block;
95
- min-height: 100px;
96
- background: ${"var(--ds-surface, white)"};
97
- padding-left: ${"var(--ds-space-100, 8px)"};
98
- padding-right: ${"var(--ds-space-100, 8px)"};
99
-
100
- .bodiedExtensionView-content-wrap {
101
- margin-top: ${"var(--ds-space-150, 12px)"} !important;
102
- }
103
- .extensionView-content-wrap {
104
- margin-top: ${"var(--ds-space-150, 12px)"} !important;
105
- }
90
+ ${sharedMultiBodiedExtensionStyles.extensionFrameContent}
91
+ margin-left: 0;
92
+ margin-right: 0;
106
93
  }
107
94
  `;
108
95
  const isTopLevel = path.length < 1;
109
96
  const centerAlignClass = isTopLevel && ['wide', 'full-width'].includes(layout) ? RendererCssClassName.EXTENSION_CENTER_ALIGN : '';
110
97
  function renderMbeContent(width) {
111
98
  return jsx("div", {
112
- className: `${RendererCssClassName.EXTENSION} ${centerAlignClass}`,
99
+ className: `${RendererCssClassName.EXTENSION} ${centerAlignClass} ${overflowContainerClass}`,
113
100
  style: {
114
101
  width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
115
102
  },
116
103
  "data-layout": layout
117
104
  }, jsx("nav", {
118
105
  className: "multiBodiedExtension-navigation",
119
- css: navigationCSS,
106
+ css: navigationCssExtended,
120
107
  "data-testid": "multiBodiedExtension-navigation"
121
108
  }, jsx(ExtensionRenderer, _extends({}, props, {
122
109
  actions: actions,
@@ -141,15 +128,16 @@ const MultiBodiedExtension = props => {
141
128
  isTopLevel: path.length < 1
142
129
  });
143
130
  })), jsx("article", {
144
- className: "multiBodiedExtension--frames",
145
- "data-testid": "multiBodiedExtension--frames"
131
+ "data-testid": "multiBodiedExtension--frames",
132
+ className: `multiBodiedExtension--frames`
146
133
  }, children));
147
134
  }
148
135
  return jsx("section", {
149
136
  className: "multiBodiedExtension--container",
150
- css: containerCSS,
137
+ css: containerCssExtended,
151
138
  "data-testid": "multiBodiedExtension--container",
152
- "data-active-child-index": activeChildIndex
139
+ "data-active-child-index": activeChildIndex,
140
+ "data-layout": layout
153
141
  }, jsx(WidthConsumer, null, ({
154
142
  width
155
143
  }) => renderMbeContent(width)));
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -35,7 +35,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
35
35
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
36
36
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
37
37
  const packageName = "@atlaskit/renderer";
38
- const packageVersion = "109.4.6";
38
+ const packageVersion = "109.4.7";
39
39
  export class Renderer extends PureComponent {
40
40
  constructor(props) {
41
41
  super(props);
package/dist/esm/react/nodes/multiBodiedExtension.js CHANGED
@@ -9,11 +9,11 @@ var _templateObject, _templateObject2;
9
9
  import { jsx } from '@emotion/react';
10
10
  // eslint-disable-next-line @typescript-eslint/no-duplicate-imports
11
11
  import { css } from '@emotion/react';
12
- import { N30, N40 } from '@atlaskit/theme/colors';
12
+ import { N40 } from '@atlaskit/theme/colors';
13
13
  import React, { useState } from 'react';
14
14
  import { renderExtension } from './extension';
15
15
  import ExtensionRenderer from '../../ui/ExtensionRenderer';
16
- import { WidthConsumer } from '@atlaskit/editor-common/ui';
16
+ import { WidthConsumer, sharedMultiBodiedExtensionStyles } from '@atlaskit/editor-common/ui';
17
17
  import { RendererCssClassName } from '../../consts';
18
18
  import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
19
19
  var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
@@ -43,7 +43,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
43
43
  }, [updateActiveChild, children]);
44
44
  return actions;
45
45
  };
46
- var navigationCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n // make sure the user can't see a range selection inside the navigation\n // This is really important to keep the navigation working properly\n user-select: none;\n -webkit-user-modify: read-only;\n border: 1px solid ", ";\n border-bottom: none;\n .mbe-add-tab-button,\n .mbe-remove-tab {\n display: none;\n }\n"])), "var(--ds-border, ".concat(N40, ")"));
46
+ var navigationCssExtended = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", ";\n margin-left: 0 !important;\n margin-right: 0 !important;\n .mbe-add-tab-button,\n .mbe-remove-tab {\n display: none;\n }\n"])), sharedMultiBodiedExtensionStyles.mbeNavigation);
47
47
  var MultiBodiedExtension = function MultiBodiedExtension(props) {
48
48
  var children = props.children,
49
49
  _props$layout = props.layout,
@@ -54,6 +54,10 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
54
54
  _useState2 = _slicedToArray(_useState, 2),
55
55
  activeChildIndex = _useState2[0],
56
56
  setActiveChildIndex = _useState2[1];
57
+ var removeOverflow = React.Children.toArray(children).map(function (child) {
58
+ return /*#__PURE__*/React.isValidElement(child) ? child.props.nodeType === 'table' : false;
59
+ }).every(Boolean);
60
+ var overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
57
61
  var updateActiveChild = React.useCallback(function (index) {
58
62
  if (typeof index !== 'number') {
59
63
  // TODO: Make sure we log this somewhere if this happens
@@ -67,19 +71,19 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
67
71
  updateActiveChild: updateActiveChild,
68
72
  children: children
69
73
  });
70
- var containerCSS = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0;\n border-radius: ", ";\n position: relative;\n vertical-align: middle;\n min-height: 100px;\n .ak-renderer-extension {\n margin-top: 0 !important;\n }\n\n .multiBodiedExtension--frames > [data-extension-frame='true'] {\n display: none;\n }\n\n .multiBodiedExtension--frames\n > [data-extension-frame='true']:nth-of-type(", ") {\n padding: ", " !important;\n border: 1px solid ", ";\n display: block;\n min-height: 100px;\n background: ", ";\n padding-left: ", ";\n padding-right: ", ";\n\n .bodiedExtensionView-content-wrap {\n margin-top: ", " !important;\n }\n .extensionView-content-wrap {\n margin-top: ", " !important;\n }\n }\n "])), "var(--ds-border-radius, 3px)", activeChildIndex + 1, "var(--ds-space-100, 8px)", "var(--ds-border, ".concat(N30, ")"), "var(--ds-surface, white)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)");
74
+ var containerCssExtended = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", ";\n .ak-renderer-extension {\n margin-top: 0 !important;\n }\n\n [data-layout='full-width'],\n [data-layout='wide'] {\n .multiBodiedExtension-navigation {\n border-right: 3px solid ", " !important;\n }\n }\n\n .multiBodiedExtension--frames\n > [data-extension-frame='true']:nth-of-type(", ") {\n ", "\n margin-left: 0;\n margin-right: 0;\n }\n "])), sharedMultiBodiedExtensionStyles.mbeExtensionContainer, "var(--ds-border, ".concat(N40, ")"), activeChildIndex + 1, sharedMultiBodiedExtensionStyles.extensionFrameContent);
71
75
  var isTopLevel = path.length < 1;
72
76
  var centerAlignClass = isTopLevel && ['wide', 'full-width'].includes(layout) ? RendererCssClassName.EXTENSION_CENTER_ALIGN : '';
73
77
  function renderMbeContent(width) {
74
78
  return jsx("div", {
75
- className: "".concat(RendererCssClassName.EXTENSION, " ").concat(centerAlignClass),
79
+ className: "".concat(RendererCssClassName.EXTENSION, " ").concat(centerAlignClass, " ").concat(overflowContainerClass),
76
80
  style: {
77
81
  width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
78
82
  },
79
83
  "data-layout": layout
80
84
  }, jsx("nav", {
81
85
  className: "multiBodiedExtension-navigation",
82
- css: navigationCSS,
86
+ css: navigationCssExtended,
83
87
  "data-testid": "multiBodiedExtension-navigation"
84
88
  }, jsx(ExtensionRenderer, _extends({}, props, {
85
89
  actions: actions,
@@ -103,15 +107,16 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
103
107
  isTopLevel: path.length < 1
104
108
  });
105
109
  })), jsx("article", {
106
- className: "multiBodiedExtension--frames",
107
- "data-testid": "multiBodiedExtension--frames"
110
+ "data-testid": "multiBodiedExtension--frames",
111
+ className: "multiBodiedExtension--frames"
108
112
  }, children));
109
113
  }
110
114
  return jsx("section", {
111
115
  className: "multiBodiedExtension--container",
112
- css: containerCSS,
116
+ css: containerCssExtended,
113
117
  "data-testid": "multiBodiedExtension--container",
114
- "data-active-child-index": activeChildIndex
118
+ "data-active-child-index": activeChildIndex,
119
+ "data-layout": layout
115
120
  }, jsx(WidthConsumer, null, function (_ref3) {
116
121
  var width = _ref3.width;
117
122
  return renderMbeContent(width);
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -45,7 +45,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
45
45
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
46
46
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
47
47
  var packageName = "@atlaskit/renderer";
48
- var packageVersion = "109.4.6";
48
+ var packageVersion = "109.4.7";
49
49
  export var Renderer = /*#__PURE__*/function (_PureComponent) {
50
50
  _inherits(Renderer, _PureComponent);
51
51
  var _super = _createSuper(Renderer);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "109.4.6",
3
+ "version": "109.4.7",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
32
32
  "@atlaskit/analytics-next": "^9.2.0",
33
33
  "@atlaskit/button": "^17.4.0",
34
34
  "@atlaskit/code": "^15.1.0",
35
- "@atlaskit/editor-common": "^78.0.0",
35
+ "@atlaskit/editor-common": "^78.3.0",
36
36
  "@atlaskit/editor-json-transformer": "^8.10.0",
37
37
  "@atlaskit/editor-palette": "1.5.2",
38
38
  "@atlaskit/editor-prosemirror": "3.0.0",
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/status": "^1.4.0",
53
53
  "@atlaskit/task-decision": "^17.9.0",
54
54
  "@atlaskit/theme": "^12.6.0",
55
- "@atlaskit/tokens": "^1.37.0",
55
+ "@atlaskit/tokens": "^1.38.0",
56
56
  "@atlaskit/tooltip": "^18.1.0",
57
57
  "@babel/runtime": "^7.0.0",
58
58
  "@emotion/react": "^11.7.1",
@@ -78,7 +78,7 @@
78
78
  "@atlaskit/media-core": "^34.2.0",
79
79
  "@atlaskit/media-integration-test-helpers": "^3.0.0",
80
80
  "@atlaskit/media-test-helpers": "^33.0.0",
81
- "@atlaskit/mention": "^22.1.0",
81
+ "@atlaskit/mention": "^23.0.0",
82
82
  "@atlaskit/navigation-next": "^9.0.0",
83
83
  "@atlaskit/util-data-test": "^17.9.0",
84
84
  "@atlaskit/visual-regression": "*",