@atlaskit/editor-plugin-collab-edit 8.0.6 → 8.0.8

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,18 @@
1
1
  # @atlaskit/editor-plugin-collab-edit
2
2
 
3
+ ## 8.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`99854c8e0ae49`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/99854c8e0ae49) -
8
+ update pm-plugins utils.ts to use design tokens
9
+
10
+ ## 8.0.7
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 8.0.6
4
17
 
5
18
  ### Patch Changes
@@ -23,8 +23,9 @@ var findPointers = exports.findPointers = function findPointers(id, decorations)
23
23
  }, []);
24
24
  };
25
25
  function style(options) {
26
- var color = options && options.color || 'black';
27
- return "border-right: 2px solid ".concat(color, "; margin-right: -2px; z-index: 1");
26
+ var color = options && options.color || "var(--ds-border, black)";
27
+ var borderWidth = "var(--ds-border-width-focused, 2px)";
28
+ return "border-right: ".concat(borderWidth, " solid ").concat(color, "; margin-right: calc(-1 * ").concat(borderWidth, "); z-index: 1");
28
29
  }
29
30
  function getAvatarColor(str) {
30
31
  var participantColor = (0, _editorSharedStyles.getParticipantColor)(str);
@@ -9,8 +9,9 @@ import { Decoration } from '@atlaskit/editor-prosemirror/view';
9
9
  import { getParticipantColor } from '@atlaskit/editor-shared-styles';
10
10
  export const findPointers = (id, decorations) => decorations.find().reduce((arr, deco) => deco.spec.pointer.presenceId === id ? arr.concat(deco) : arr, []);
11
11
  function style(options) {
12
- const color = options && options.color || 'black';
13
- return `border-right: 2px solid ${color}; margin-right: -2px; z-index: 1`;
12
+ const color = options && options.color || "var(--ds-border, black)";
13
+ const borderWidth = "var(--ds-border-width-focused, 2px)";
14
+ return `border-right: ${borderWidth} solid ${color}; margin-right: calc(-1 * ${borderWidth}); z-index: 1`;
14
15
  }
15
16
  export function getAvatarColor(str) {
16
17
  const participantColor = getParticipantColor(str);
@@ -14,8 +14,9 @@ export var findPointers = function findPointers(id, decorations) {
14
14
  }, []);
15
15
  };
16
16
  function style(options) {
17
- var color = options && options.color || 'black';
18
- return "border-right: 2px solid ".concat(color, "; margin-right: -2px; z-index: 1");
17
+ var color = options && options.color || "var(--ds-border, black)";
18
+ var borderWidth = "var(--ds-border-width-focused, 2px)";
19
+ return "border-right: ".concat(borderWidth, " solid ").concat(color, "; margin-right: calc(-1 * ").concat(borderWidth, "); z-index: 1");
19
20
  }
20
21
  export function getAvatarColor(str) {
21
22
  var participantColor = getParticipantColor(str);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-collab-edit",
3
- "version": "8.0.6",
3
+ "version": "8.0.8",
4
4
  "description": "Collab Edit plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -39,7 +39,8 @@
39
39
  "@atlaskit/frontend-utilities": "^3.2.0",
40
40
  "@atlaskit/platform-feature-flags": "^1.1.0",
41
41
  "@atlaskit/prosemirror-collab": "^0.22.0",
42
- "@atlaskit/tmp-editor-statsig": "^21.0.0",
42
+ "@atlaskit/tmp-editor-statsig": "^22.0.0",
43
+ "@atlaskit/tokens": "^11.0.0",
43
44
  "@babel/runtime": "^7.0.0",
44
45
  "memoize-one": "^6.0.0"
45
46
  },