@atlaskit/editor-common 78.31.4 → 78.32.0

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-common
2
2
 
3
+ ## 78.32.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#86433](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86433) [`88ca3b199a49`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/88ca3b199a49) - [ux] EDF-412 Collaborators avatars and telepointer colors are tokenised.
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
13
+ ## 78.31.5
14
+
15
+ ### Patch Changes
16
+
17
+ - [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007) [`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) - Migrated to the new button component
18
+ - Updated dependencies
19
+
3
20
  ## 78.31.4
4
21
 
5
22
  ### Patch Changes
@@ -1,19 +1,15 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
- exports.tintDirtyTransaction = exports.telepointerStyle = exports.isDirtyTransaction = exports.colors = exports.TELEPOINTER_DIM_CLASS = exports.PROVIDER_ERROR_CODE = exports.DisconnectReason = void 0;
7
+ exports.tintDirtyTransaction = exports.telepointerStyle = exports.isDirtyTransaction = exports.TELEPOINTER_DIM_CLASS = exports.PROVIDER_ERROR_CODE = exports.DisconnectReason = void 0;
9
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
9
  var _react = require("@emotion/react");
11
- var _adfSchema = require("@atlaskit/adf-schema");
12
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
13
- var themeColors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
11
+ var _tokens = require("@atlaskit/tokens");
14
12
  var _templateObject;
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
13
  // Format of the payload returned by the callback function passed to the collab provider
18
14
  // that gets called when syncing with the back-end service fails.
19
15
  // Format of the document and its metadata returned from the collab provider
@@ -122,23 +118,18 @@ var DisconnectReason = exports.DisconnectReason = /*#__PURE__*/function (Disconn
122
118
  DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
123
119
  return DisconnectReason;
124
120
  }({});
125
- // TODO: https://product-fabric.atlassian.net/browse/DSP-7269
126
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
127
- var colors = exports.colors = [themeColors.R100, themeColors.R300, themeColors.R500, themeColors.Y100, themeColors.Y300, themeColors.Y500, themeColors.G100, themeColors.G300, themeColors.G500, themeColors.T100, themeColors.T300, themeColors.T500, themeColors.B100, themeColors.B300, themeColors.B500, themeColors.P100, themeColors.P300, themeColors.P500, themeColors.N70, themeColors.N200, themeColors.N800].map(function (solid) {
128
- return {
129
- solid: solid,
130
- selection: (0, _adfSchema.hexToRgba)(solid, 0.2)
131
- };
132
- });
133
121
  var telepointerColorStyle = function telepointerColorStyle(color, index) {
134
- return "\n &.color-".concat(index, " {\n background-color: ").concat(color.selection, ";\n &::after {\n background-color: ").concat(color.solid, ";\n color: ", "var(--ds-text-inverse, #fff)", ";\n border-color: ").concat(color.solid, ";\n }\n }\n");
122
+ var _getGlobalTheme = (0, _tokens.getGlobalTheme)(),
123
+ colorMode = _getGlobalTheme.colorMode;
124
+ var backgroundStyle = colorMode === 'dark' ? "linear-gradient(to bottom, ".concat(color, " -800000%, transparent 200000%)") : "linear-gradient(to bottom, ".concat(color, " -850000%, transparent 150000%)");
125
+ return "\n &.color-".concat(index, " {\n background: ").concat(backgroundStyle, ";\n &::after {\n background-color: ").concat(color, ";\n color: ", "var(--ds-text-inverse, #FFFFFF)", ";\n border-color: ").concat(color, ";\n }\n }\n ");
135
126
  };
136
127
  var TELEPOINTER_DIM_CLASS = exports.TELEPOINTER_DIM_CLASS = 'telepointer-dim';
137
128
 
138
129
  // ED-22557: Safely convert to object styling
139
130
  // Disable top: -14px since it is necessary to align to cursor
140
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression
141
- var telepointerStyle = exports.telepointerStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .ProseMirror .telepointer {\n position: relative;\n transition: opacity 200ms;\n\n &.telepointer-selection {\n line-height: 1.2;\n pointer-events: none;\n user-select: none;\n }\n\n &.telepointer-selection-badge::after {\n content: attr(data-initial);\n position: absolute;\n display: block;\n top: -14px;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n left: 0px;\n border-radius: 2px 2px 2px 0;\n line-height: initial;\n }\n\n &.", " {\n opacity: 0.2;\n }\n\n ", ";\n }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
131
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css
132
+ var telepointerStyle = exports.telepointerStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .ProseMirror .telepointer {\n position: relative;\n transition: opacity 200ms;\n\n &.telepointer-selection {\n line-height: 1.2;\n pointer-events: none;\n user-select: none;\n }\n\n &.telepointer-selection-badge::after {\n content: attr(data-initial);\n position: absolute;\n display: block;\n top: -14px;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n left: 0px;\n border-radius: 2px 2px 2px 0;\n line-height: initial;\n }\n\n &.", " {\n opacity: 0.2;\n }\n\n ", ";\n }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, #FFFFFF)", TELEPOINTER_DIM_CLASS, _editorSharedStyles.avatarColors.map(function (color, index) {
142
133
  return telepointerColorStyle(color, index);
143
134
  }));
144
135
  var tintKey = 'collab:isDirtyTransaction';
@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
16
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
17
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
18
18
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
19
- var packageVersion = "78.31.4";
19
+ var packageVersion = "78.32.0";
20
20
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
21
21
  // Remove URL as it has UGC
22
22
  // TODO: Sanitise the URL instead of just removing it
@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
20
20
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
21
21
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
22
22
  var packageName = "@atlaskit/editor-common";
23
- var packageVersion = "78.31.4";
23
+ var packageVersion = "78.32.0";
24
24
  var halfFocusRing = 1;
25
25
  var dropOffset = '0, 8';
26
26
  var DropList = /*#__PURE__*/function (_Component) {
@@ -1,7 +1,6 @@
1
1
  import { css } from '@emotion/react';
2
- import { hexToRgba } from '@atlaskit/adf-schema';
3
- import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
4
- import * as themeColors from '@atlaskit/theme/colors';
2
+ import { avatarColors, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
3
+ import { getGlobalTheme } from '@atlaskit/tokens';
5
4
 
6
5
  // Format of the payload returned by the callback function passed to the collab provider
7
6
  // that gets called when syncing with the back-end service fails.
@@ -126,27 +125,27 @@ export let DisconnectReason = /*#__PURE__*/function (DisconnectReason) {
126
125
  DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
127
126
  return DisconnectReason;
128
127
  }({});
129
- // TODO: https://product-fabric.atlassian.net/browse/DSP-7269
130
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
131
- export const colors = [themeColors.R100, themeColors.R300, themeColors.R500, themeColors.Y100, themeColors.Y300, themeColors.Y500, themeColors.G100, themeColors.G300, themeColors.G500, themeColors.T100, themeColors.T300, themeColors.T500, themeColors.B100, themeColors.B300, themeColors.B500, themeColors.P100, themeColors.P300, themeColors.P500, themeColors.N70, themeColors.N200, themeColors.N800].map(solid => ({
132
- solid,
133
- selection: hexToRgba(solid, 0.2)
134
- }));
135
- const telepointerColorStyle = (color, index) => `
136
- &.color-${index} {
137
- background-color: ${color.selection};
138
- &::after {
139
- background-color: ${color.solid};
140
- color: ${"var(--ds-text-inverse, #fff)"};
141
- border-color: ${color.solid};
128
+ const telepointerColorStyle = (color, index) => {
129
+ const {
130
+ colorMode
131
+ } = getGlobalTheme();
132
+ const backgroundStyle = colorMode === 'dark' ? `linear-gradient(to bottom, ${color} -800000%, transparent 200000%)` : `linear-gradient(to bottom, ${color} -850000%, transparent 150000%)`;
133
+ return `
134
+ &.color-${index} {
135
+ background: ${backgroundStyle};
136
+ &::after {
137
+ background-color: ${color};
138
+ color: ${"var(--ds-text-inverse, #FFFFFF)"};
139
+ border-color: ${color};
140
+ }
142
141
  }
143
- }
144
- `;
142
+ `;
143
+ };
145
144
  export const TELEPOINTER_DIM_CLASS = 'telepointer-dim';
146
145
 
147
146
  // ED-22557: Safely convert to object styling
148
147
  // Disable top: -14px since it is necessary to align to cursor
149
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression
148
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css
150
149
  export const telepointerStyle = css`
151
150
  .ProseMirror .telepointer {
152
151
  position: relative;
@@ -165,7 +164,7 @@ export const telepointerStyle = css`
165
164
  top: -14px;
166
165
  font-size: ${relativeFontSizeToBase16(9)};
167
166
  padding: ${"var(--ds-space-025, 2px)"};
168
- color: ${"var(--ds-text-inverse, white)"};
167
+ color: ${"var(--ds-text-inverse, #FFFFFF)"};
169
168
  left: 0px;
170
169
  border-radius: 2px 2px 2px 0;
171
170
  line-height: initial;
@@ -175,7 +174,7 @@ export const telepointerStyle = css`
175
174
  opacity: 0.2;
176
175
  }
177
176
 
178
- ${colors.map((color, index) => telepointerColorStyle(color, index))};
177
+ ${avatarColors.map((color, index) => telepointerColorStyle(color, index))};
179
178
  }
180
179
  `;
181
180
  const tintKey = 'collab:isDirtyTransaction';
@@ -1,6 +1,6 @@
1
1
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
2
2
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
3
- const packageVersion = "78.31.4";
3
+ const packageVersion = "78.32.0";
4
4
  const sanitiseSentryEvents = (data, _hint) => {
5
5
  // Remove URL as it has UGC
6
6
  // TODO: Sanitise the URL instead of just removing it
@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
7
7
  import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
8
8
  import Layer from '../Layer';
9
9
  const packageName = "@atlaskit/editor-common";
10
- const packageVersion = "78.31.4";
10
+ const packageVersion = "78.32.0";
11
11
  const halfFocusRing = 1;
12
12
  const dropOffset = '0, 8';
13
13
  class DropList extends Component {
@@ -1,9 +1,8 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject;
3
3
  import { css } from '@emotion/react';
4
- import { hexToRgba } from '@atlaskit/adf-schema';
5
- import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
6
- import * as themeColors from '@atlaskit/theme/colors';
4
+ import { avatarColors, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
5
+ import { getGlobalTheme } from '@atlaskit/tokens';
7
6
 
8
7
  // Format of the payload returned by the callback function passed to the collab provider
9
8
  // that gets called when syncing with the back-end service fails.
@@ -128,23 +127,18 @@ export var DisconnectReason = /*#__PURE__*/function (DisconnectReason) {
128
127
  DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
129
128
  return DisconnectReason;
130
129
  }({});
131
- // TODO: https://product-fabric.atlassian.net/browse/DSP-7269
132
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
133
- export var colors = [themeColors.R100, themeColors.R300, themeColors.R500, themeColors.Y100, themeColors.Y300, themeColors.Y500, themeColors.G100, themeColors.G300, themeColors.G500, themeColors.T100, themeColors.T300, themeColors.T500, themeColors.B100, themeColors.B300, themeColors.B500, themeColors.P100, themeColors.P300, themeColors.P500, themeColors.N70, themeColors.N200, themeColors.N800].map(function (solid) {
134
- return {
135
- solid: solid,
136
- selection: hexToRgba(solid, 0.2)
137
- };
138
- });
139
130
  var telepointerColorStyle = function telepointerColorStyle(color, index) {
140
- return "\n &.color-".concat(index, " {\n background-color: ").concat(color.selection, ";\n &::after {\n background-color: ").concat(color.solid, ";\n color: ", "var(--ds-text-inverse, #fff)", ";\n border-color: ").concat(color.solid, ";\n }\n }\n");
131
+ var _getGlobalTheme = getGlobalTheme(),
132
+ colorMode = _getGlobalTheme.colorMode;
133
+ var backgroundStyle = colorMode === 'dark' ? "linear-gradient(to bottom, ".concat(color, " -800000%, transparent 200000%)") : "linear-gradient(to bottom, ".concat(color, " -850000%, transparent 150000%)");
134
+ return "\n &.color-".concat(index, " {\n background: ").concat(backgroundStyle, ";\n &::after {\n background-color: ").concat(color, ";\n color: ", "var(--ds-text-inverse, #FFFFFF)", ";\n border-color: ").concat(color, ";\n }\n }\n ");
141
135
  };
142
136
  export var TELEPOINTER_DIM_CLASS = 'telepointer-dim';
143
137
 
144
138
  // ED-22557: Safely convert to object styling
145
139
  // Disable top: -14px since it is necessary to align to cursor
146
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression
147
- export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ProseMirror .telepointer {\n position: relative;\n transition: opacity 200ms;\n\n &.telepointer-selection {\n line-height: 1.2;\n pointer-events: none;\n user-select: none;\n }\n\n &.telepointer-selection-badge::after {\n content: attr(data-initial);\n position: absolute;\n display: block;\n top: -14px;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n left: 0px;\n border-radius: 2px 2px 2px 0;\n line-height: initial;\n }\n\n &.", " {\n opacity: 0.2;\n }\n\n ", ";\n }\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
140
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css
141
+ export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ProseMirror .telepointer {\n position: relative;\n transition: opacity 200ms;\n\n &.telepointer-selection {\n line-height: 1.2;\n pointer-events: none;\n user-select: none;\n }\n\n &.telepointer-selection-badge::after {\n content: attr(data-initial);\n position: absolute;\n display: block;\n top: -14px;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n left: 0px;\n border-radius: 2px 2px 2px 0;\n line-height: initial;\n }\n\n &.", " {\n opacity: 0.2;\n }\n\n ", ";\n }\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, #FFFFFF)", TELEPOINTER_DIM_CLASS, avatarColors.map(function (color, index) {
148
142
  return telepointerColorStyle(color, index);
149
143
  }));
150
144
  var tintKey = 'collab:isDirtyTransaction';
@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
6
6
  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; }
7
7
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
8
8
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
9
- var packageVersion = "78.31.4";
9
+ var packageVersion = "78.32.0";
10
10
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
11
11
  // Remove URL as it has UGC
12
12
  // TODO: Sanitise the URL instead of just removing it
@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
15
15
  import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
16
16
  import Layer from '../Layer';
17
17
  var packageName = "@atlaskit/editor-common";
18
- var packageVersion = "78.31.4";
18
+ var packageVersion = "78.32.0";
19
19
  var halfFocusRing = 1;
20
20
  var dropOffset = '0, 8';
21
21
  var DropList = /*#__PURE__*/function (_Component) {
@@ -2,6 +2,7 @@ import type { ReactElement } from 'react';
2
2
  import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
3
3
  import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
4
4
  import type { Step } from '@atlaskit/editor-prosemirror/transform';
5
+ import { token } from '@atlaskit/tokens';
5
6
  import type { Providers } from '../provider-factory';
6
7
  export type NewCollabSyncUpErrorAttributes = {
7
8
  lengthOfUnconfirmedSteps?: number;
@@ -389,11 +390,7 @@ export interface CollabAnalyticsProps {
389
390
  export interface CollabEventLocalStepData {
390
391
  steps: Array<Step>;
391
392
  }
392
- export interface Color {
393
- solid: string;
394
- selection: string;
395
- }
396
- export declare const colors: Color[];
393
+ export type Color = ReturnType<typeof token>;
397
394
  export declare const TELEPOINTER_DIM_CLASS = "telepointer-dim";
398
395
  export declare const telepointerStyle: import("@emotion/react").SerializedStyles;
399
396
  export declare const isDirtyTransaction: (tr: Transaction | ReadonlyTransaction) => boolean;
@@ -2,6 +2,7 @@ import type { ReactElement } from 'react';
2
2
  import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
3
3
  import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
4
4
  import type { Step } from '@atlaskit/editor-prosemirror/transform';
5
+ import { token } from '@atlaskit/tokens';
5
6
  import type { Providers } from '../provider-factory';
6
7
  export type NewCollabSyncUpErrorAttributes = {
7
8
  lengthOfUnconfirmedSteps?: number;
@@ -389,11 +390,7 @@ export interface CollabAnalyticsProps {
389
390
  export interface CollabEventLocalStepData {
390
391
  steps: Array<Step>;
391
392
  }
392
- export interface Color {
393
- solid: string;
394
- selection: string;
395
- }
396
- export declare const colors: Color[];
393
+ export type Color = ReturnType<typeof token>;
397
394
  export declare const TELEPOINTER_DIM_CLASS = "telepointer-dim";
398
395
  export declare const telepointerStyle: import("@emotion/react").SerializedStyles;
399
396
  export declare const isDirtyTransaction: (tr: Transaction | ReadonlyTransaction) => boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "78.31.4",
3
+ "version": "78.32.0",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -108,7 +108,7 @@
108
108
  "@atlaskit/editor-json-transformer": "^8.11.0",
109
109
  "@atlaskit/editor-palette": "1.5.3",
110
110
  "@atlaskit/editor-prosemirror": "4.0.0",
111
- "@atlaskit/editor-shared-styles": "^2.9.0",
111
+ "@atlaskit/editor-shared-styles": "^2.10.0",
112
112
  "@atlaskit/editor-tables": "^2.7.0",
113
113
  "@atlaskit/emoji": "^67.6.0",
114
114
  "@atlaskit/icon": "^22.1.0",
@@ -123,11 +123,11 @@
123
123
  "@atlaskit/media-file-preview": "^0.5.0",
124
124
  "@atlaskit/media-picker": "^66.4.0",
125
125
  "@atlaskit/media-ui": "^25.9.0",
126
- "@atlaskit/media-viewer": "48.4.4",
126
+ "@atlaskit/media-viewer": "48.4.5",
127
127
  "@atlaskit/mention": "^23.0.0",
128
128
  "@atlaskit/menu": "^2.1.0",
129
129
  "@atlaskit/platform-feature-flags": "^0.2.0",
130
- "@atlaskit/primitives": "^5.5.0",
130
+ "@atlaskit/primitives": "^5.6.0",
131
131
  "@atlaskit/profilecard": "^19.11.0",
132
132
  "@atlaskit/section-message": "^6.4.0",
133
133
  "@atlaskit/smart-card": "^26.57.0",