@atlaskit/editor-plugin-avatar-group 9.0.1 → 9.0.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/avatars.js +5 -1
  3. package/dist/cjs/ui/colored-avatar-item.js +2 -3
  4. package/dist/cjs/ui/styles.js +2 -3
  5. package/dist/es2019/ui/avatars.js +5 -1
  6. package/dist/es2019/ui/colored-avatar-item.js +2 -3
  7. package/dist/es2019/ui/styles.js +2 -3
  8. package/dist/esm/ui/avatars.js +5 -1
  9. package/dist/esm/ui/colored-avatar-item.js +2 -3
  10. package/dist/esm/ui/styles.js +2 -3
  11. package/package.json +4 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-avatar-group
2
2
 
3
+ ## 9.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5892e575833a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5892e575833a1) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+ - Updated dependencies
10
+
11
+ ## 9.0.2
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 9.0.1
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/avatars.js CHANGED
@@ -51,6 +51,8 @@ var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props
51
51
  if (!participants) {
52
52
  return null;
53
53
  }
54
+
55
+ // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
54
56
  var avatars = participants.sort(function (p) {
55
57
  return p.sessionId === sessionId ? -1 : 1;
56
58
  }).map(function (participant) {
@@ -67,7 +69,9 @@ var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props
67
69
  appearance: "stack",
68
70
  size: "medium",
69
71
  data: avatars,
70
- maxCount: 3,
72
+ maxCount: 3
73
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
74
+ ,
71
75
  onAvatarClick: function onAvatarClick(_event, _analytics, index) {
72
76
  var allowCollabAvatarScroll = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.collabAvatarScroll;
73
77
 
package/dist/cjs/ui/colored-avatar-item.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.ColoredAvatarItem = void 0;
7
7
  var _react = require("@emotion/react");
8
- var _colors = require("@atlaskit/theme/colors");
9
8
  var _styles = require("./styles");
10
9
  /**
11
10
  * @jsxRuntime classic
@@ -16,8 +15,8 @@ var _styles = require("./styles");
16
15
  var ColoredAvatarItem = exports.ColoredAvatarItem = function ColoredAvatarItem(props) {
17
16
  var _props$api$collabEdit, _props$api, _props$presenceId;
18
17
  var participantColor = (_props$api$collabEdit = (_props$api = props.api) === null || _props$api === void 0 || (_props$api = _props$api.collabEdit) === null || _props$api === void 0 || (_props$api = _props$api.actions) === null || _props$api === void 0 ? void 0 : _props$api.getAvatarColor((_props$presenceId = props.presenceId) !== null && _props$presenceId !== void 0 ? _props$presenceId : props.sessionId)) !== null && _props$api$collabEdit !== void 0 ? _props$api$collabEdit : {
19
- backgroundColor: "var(--ds-background-accent-red-subtle, ".concat(_colors.R100, ")"),
20
- textColor: "var(--ds-text-accent-gray-bolder, ".concat(_colors.N900, ")")
18
+ backgroundColor: "var(--ds-background-accent-red-subtle, #F87168)",
19
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)"
21
20
  };
22
21
  var avatar = props.name.substr(0, 1).toUpperCase();
23
22
  return (0, _react.jsx)("div", {
package/dist/cjs/ui/styles.js CHANGED
@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.inviteTeamWrapperStyles = exports.badge = exports.avatarContainerStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
9
- var _colors = require("@atlaskit/theme/colors");
10
9
  /* eslint-disable @repo/internal/styles/no-exported-styles, @atlaskit/design-system/no-nested-styles */
11
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
11
 
13
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
14
13
  var inviteTeamWrapperStyles = exports.inviteTeamWrapperStyles = (0, _react.css)({
15
- background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
14
+ background: "var(--ds-background-neutral, #0515240F)",
16
15
  borderRadius: "var(--ds-radius-full, 9999px)",
17
16
  minWidth: "var(--ds-space-400, 32px)",
18
17
  marginLeft: "var(--ds-space-negative-050, -4px)"
@@ -57,7 +56,7 @@ var badge = exports.badge = function badge(backgroundColor, textColor) {
57
56
  lineHeight: 0,
58
57
  paddingTop: "var(--ds-space-075, 6px)",
59
58
  textAlign: 'center',
60
- boxShadow: "0 0 1px ".concat("var(--ds-border-inverse, #fff)"),
59
+ boxShadow: "0 0 1px ".concat("var(--ds-border-inverse, #FFFFFF)"),
61
60
  boxSizing: 'border-box'
62
61
  });
63
62
  };
package/dist/es2019/ui/avatars.js CHANGED
@@ -47,6 +47,8 @@ export const Avatars = /*#__PURE__*/React.memo(props => {
47
47
  if (!participants) {
48
48
  return null;
49
49
  }
50
+
51
+ // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
50
52
  const avatars = participants.sort(p => p.sessionId === sessionId ? -1 : 1).map(participant => toAvatar(participant, editorAPI, intl.formatMessage));
51
53
  if (!avatars.length) {
52
54
  return null;
@@ -59,7 +61,9 @@ export const Avatars = /*#__PURE__*/React.memo(props => {
59
61
  appearance: "stack",
60
62
  size: "medium",
61
63
  data: avatars,
62
- maxCount: 3,
64
+ maxCount: 3
65
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
66
+ ,
63
67
  onAvatarClick: (_event, _analytics, index) => {
64
68
  const allowCollabAvatarScroll = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.collabAvatarScroll;
65
69
 
package/dist/es2019/ui/colored-avatar-item.js CHANGED
@@ -4,13 +4,12 @@
4
4
  */
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
6
6
  import { jsx } from '@emotion/react';
7
- import { N900, R100 } from '@atlaskit/theme/colors';
8
7
  import { badge } from './styles';
9
8
  export const ColoredAvatarItem = props => {
10
9
  var _props$api$collabEdit, _props$api, _props$api$collabEdit2, _props$api$collabEdit3, _props$presenceId;
11
10
  const participantColor = (_props$api$collabEdit = (_props$api = props.api) === null || _props$api === void 0 ? void 0 : (_props$api$collabEdit2 = _props$api.collabEdit) === null || _props$api$collabEdit2 === void 0 ? void 0 : (_props$api$collabEdit3 = _props$api$collabEdit2.actions) === null || _props$api$collabEdit3 === void 0 ? void 0 : _props$api$collabEdit3.getAvatarColor((_props$presenceId = props.presenceId) !== null && _props$presenceId !== void 0 ? _props$presenceId : props.sessionId)) !== null && _props$api$collabEdit !== void 0 ? _props$api$collabEdit : {
12
- backgroundColor: `var(--ds-background-accent-red-subtle, ${R100})`,
13
- textColor: `var(--ds-text-accent-gray-bolder, ${N900})`
11
+ backgroundColor: "var(--ds-background-accent-red-subtle, #F87168)",
12
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)"
14
13
  };
15
14
  const avatar = props.name.substr(0, 1).toUpperCase();
16
15
  return jsx("div", {
package/dist/es2019/ui/styles.js CHANGED
@@ -2,10 +2,9 @@
2
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
3
  import { css } from '@emotion/react';
4
4
  import { akEditorSmallZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
5
- import { N20 } from '@atlaskit/theme/colors';
6
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
7
6
  export const inviteTeamWrapperStyles = css({
8
- background: `var(--ds-background-neutral, ${N20})`,
7
+ background: "var(--ds-background-neutral, #0515240F)",
9
8
  borderRadius: "var(--ds-radius-full, 9999px)",
10
9
  minWidth: "var(--ds-space-400, 32px)",
11
10
  marginLeft: "var(--ds-space-negative-050, -4px)"
@@ -49,6 +48,6 @@ export const badge = (backgroundColor, textColor) => css({
49
48
  lineHeight: 0,
50
49
  paddingTop: "var(--ds-space-075, 6px)",
51
50
  textAlign: 'center',
52
- boxShadow: `0 0 1px ${"var(--ds-border-inverse, #fff)"}`,
51
+ boxShadow: `0 0 1px ${"var(--ds-border-inverse, #FFFFFF)"}`,
53
52
  boxSizing: 'border-box'
54
53
  });
package/dist/esm/ui/avatars.js CHANGED
@@ -44,6 +44,8 @@ export var Avatars = /*#__PURE__*/React.memo(function (props) {
44
44
  if (!participants) {
45
45
  return null;
46
46
  }
47
+
48
+ // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
47
49
  var avatars = participants.sort(function (p) {
48
50
  return p.sessionId === sessionId ? -1 : 1;
49
51
  }).map(function (participant) {
@@ -60,7 +62,9 @@ export var Avatars = /*#__PURE__*/React.memo(function (props) {
60
62
  appearance: "stack",
61
63
  size: "medium",
62
64
  data: avatars,
63
- maxCount: 3,
65
+ maxCount: 3
66
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
67
+ ,
64
68
  onAvatarClick: function onAvatarClick(_event, _analytics, index) {
65
69
  var allowCollabAvatarScroll = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.collabAvatarScroll;
66
70
 
package/dist/esm/ui/colored-avatar-item.js CHANGED
@@ -4,13 +4,12 @@
4
4
  */
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
6
6
  import { jsx } from '@emotion/react';
7
- import { N900, R100 } from '@atlaskit/theme/colors';
8
7
  import { badge } from './styles';
9
8
  export var ColoredAvatarItem = function ColoredAvatarItem(props) {
10
9
  var _props$api$collabEdit, _props$api, _props$presenceId;
11
10
  var participantColor = (_props$api$collabEdit = (_props$api = props.api) === null || _props$api === void 0 || (_props$api = _props$api.collabEdit) === null || _props$api === void 0 || (_props$api = _props$api.actions) === null || _props$api === void 0 ? void 0 : _props$api.getAvatarColor((_props$presenceId = props.presenceId) !== null && _props$presenceId !== void 0 ? _props$presenceId : props.sessionId)) !== null && _props$api$collabEdit !== void 0 ? _props$api$collabEdit : {
12
- backgroundColor: "var(--ds-background-accent-red-subtle, ".concat(R100, ")"),
13
- textColor: "var(--ds-text-accent-gray-bolder, ".concat(N900, ")")
11
+ backgroundColor: "var(--ds-background-accent-red-subtle, #F87168)",
12
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)"
14
13
  };
15
14
  var avatar = props.name.substr(0, 1).toUpperCase();
16
15
  return jsx("div", {
package/dist/esm/ui/styles.js CHANGED
@@ -2,10 +2,9 @@
2
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
3
  import { css } from '@emotion/react';
4
4
  import { akEditorSmallZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
5
- import { N20 } from '@atlaskit/theme/colors';
6
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
7
6
  export var inviteTeamWrapperStyles = css({
8
- background: "var(--ds-background-neutral, ".concat(N20, ")"),
7
+ background: "var(--ds-background-neutral, #0515240F)",
9
8
  borderRadius: "var(--ds-radius-full, 9999px)",
10
9
  minWidth: "var(--ds-space-400, 32px)",
11
10
  marginLeft: "var(--ds-space-negative-050, -4px)"
@@ -50,7 +49,7 @@ export var badge = function badge(backgroundColor, textColor) {
50
49
  lineHeight: 0,
51
50
  paddingTop: "var(--ds-space-075, 6px)",
52
51
  textAlign: 'center',
53
- boxShadow: "0 0 1px ".concat("var(--ds-border-inverse, #fff)"),
52
+ boxShadow: "0 0 1px ".concat("var(--ds-border-inverse, #FFFFFF)"),
54
53
  boxSizing: 'border-box'
55
54
  });
56
55
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-avatar-group",
3
- "version": "9.0.1",
3
+ "version": "9.0.3",
4
4
  "description": "Avatar Group plugin for @atlaskit/editor-core.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -39,17 +39,16 @@
39
39
  "@atlaskit/editor-plugin-primary-toolbar": "^9.0.0",
40
40
  "@atlaskit/editor-prosemirror": "^7.3.0",
41
41
  "@atlaskit/editor-shared-styles": "^3.10.0",
42
- "@atlaskit/icon": "^32.0.0",
42
+ "@atlaskit/icon": "^33.1.0",
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
- "@atlaskit/theme": "^22.0.0",
45
- "@atlaskit/tokens": "^11.1.0",
44
+ "@atlaskit/tokens": "^11.2.0",
46
45
  "@babel/runtime": "^7.0.0",
47
46
  "@emotion/react": "^11.7.1",
48
47
  "memoize-one": "^6.0.0",
49
48
  "react-intl-next": "npm:react-intl@^5.18.1"
50
49
  },
51
50
  "peerDependencies": {
52
- "@atlaskit/editor-common": "^112.1.0",
51
+ "@atlaskit/editor-common": "^112.10.0",
53
52
  "react": "^18.2.0"
54
53
  },
55
54
  "techstack": {