@atlaskit/teams-avatar 2.1.3 → 2.2.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,23 @@
|
|
|
1
1
|
# @atlaskit/teams-avatar
|
|
2
2
|
|
|
3
|
+
## 2.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#123622](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/123622)
|
|
8
|
+
[`8cb3a7a1f96a9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8cb3a7a1f96a9) -
|
|
9
|
+
[ux] Migrated old buttons to use @atlaskit/button/new; Migrated some icons
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 2.1.4
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 2.1.3
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
12
|
var _avatar = require("@atlaskit/avatar");
|
|
13
|
-
var
|
|
13
|
+
var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
|
|
14
14
|
var _people = _interopRequireDefault(require("@atlaskit/icon/glyph/people"));
|
|
15
15
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
16
|
var _colors = require("@atlaskit/theme/colors");
|
|
@@ -97,19 +97,13 @@ var TeamAvatarImage = exports.TeamAvatarImage = function TeamAvatarImage(_ref3)
|
|
|
97
97
|
}
|
|
98
98
|
return (0, _react2.jsx)("span", {
|
|
99
99
|
css: [avatarDefaultIconStyles, nestedAvatarStyles[size]]
|
|
100
|
-
}, (0,
|
|
100
|
+
}, (0, _react2.jsx)(_peopleGroup.default, {
|
|
101
101
|
label: alt,
|
|
102
102
|
color: ICON_BACKGROUND,
|
|
103
103
|
LEGACY_secondaryColor: ICON_COLOR,
|
|
104
104
|
testId: testId && "".concat(testId, "--team"),
|
|
105
|
-
spacing: "spacious"
|
|
106
|
-
|
|
107
|
-
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
|
|
108
|
-
(0, _react2.jsx)(_people.default, {
|
|
109
|
-
label: alt,
|
|
110
|
-
primaryColor: ICON_BACKGROUND,
|
|
111
|
-
secondaryColor: ICON_COLOR,
|
|
112
|
-
testId: testId && "".concat(testId, "--team")
|
|
105
|
+
spacing: "spacious",
|
|
106
|
+
LEGACY_fallbackIcon: _people.default
|
|
113
107
|
}));
|
|
114
108
|
}
|
|
115
109
|
return (0, _react2.jsx)(_avatar.AvatarContent, null, (0, _react2.jsx)("img", {
|
|
@@ -7,7 +7,7 @@ import { useEffect, useState } from 'react';
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css, jsx } from '@emotion/react';
|
|
9
9
|
import { AVATAR_SIZES, AvatarContent } from '@atlaskit/avatar';
|
|
10
|
-
import
|
|
10
|
+
import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
|
|
11
11
|
import TeamIcon from '@atlaskit/icon/glyph/people';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
13
|
import { N0, N90 } from '@atlaskit/theme/colors';
|
|
@@ -86,19 +86,13 @@ export const TeamAvatarImage = ({
|
|
|
86
86
|
}
|
|
87
87
|
return jsx("span", {
|
|
88
88
|
css: [avatarDefaultIconStyles, nestedAvatarStyles[size]]
|
|
89
|
-
},
|
|
89
|
+
}, jsx(PeopleGroupIcon, {
|
|
90
90
|
label: alt,
|
|
91
91
|
color: ICON_BACKGROUND,
|
|
92
92
|
LEGACY_secondaryColor: ICON_COLOR,
|
|
93
93
|
testId: testId && `${testId}--team`,
|
|
94
|
-
spacing: "spacious"
|
|
95
|
-
|
|
96
|
-
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
|
|
97
|
-
jsx(TeamIcon, {
|
|
98
|
-
label: alt,
|
|
99
|
-
primaryColor: ICON_BACKGROUND,
|
|
100
|
-
secondaryColor: ICON_COLOR,
|
|
101
|
-
testId: testId && `${testId}--team`
|
|
94
|
+
spacing: "spacious",
|
|
95
|
+
LEGACY_fallbackIcon: TeamIcon
|
|
102
96
|
}));
|
|
103
97
|
}
|
|
104
98
|
return jsx(AvatarContent, null, jsx("img", {
|
|
@@ -11,7 +11,7 @@ import { useEffect, useState } from 'react';
|
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
12
|
import { css, jsx } from '@emotion/react';
|
|
13
13
|
import { AVATAR_SIZES, AvatarContent } from '@atlaskit/avatar';
|
|
14
|
-
import
|
|
14
|
+
import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
|
|
15
15
|
import TeamIcon from '@atlaskit/icon/glyph/people';
|
|
16
16
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
17
|
import { N0, N90 } from '@atlaskit/theme/colors';
|
|
@@ -93,19 +93,13 @@ export var TeamAvatarImage = function TeamAvatarImage(_ref3) {
|
|
|
93
93
|
}
|
|
94
94
|
return jsx("span", {
|
|
95
95
|
css: [avatarDefaultIconStyles, nestedAvatarStyles[size]]
|
|
96
|
-
},
|
|
96
|
+
}, jsx(PeopleGroupIcon, {
|
|
97
97
|
label: alt,
|
|
98
98
|
color: ICON_BACKGROUND,
|
|
99
99
|
LEGACY_secondaryColor: ICON_COLOR,
|
|
100
100
|
testId: testId && "".concat(testId, "--team"),
|
|
101
|
-
spacing: "spacious"
|
|
102
|
-
|
|
103
|
-
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
|
|
104
|
-
jsx(TeamIcon, {
|
|
105
|
-
label: alt,
|
|
106
|
-
primaryColor: ICON_BACKGROUND,
|
|
107
|
-
secondaryColor: ICON_COLOR,
|
|
108
|
-
testId: testId && "".concat(testId, "--team")
|
|
101
|
+
spacing: "spacious",
|
|
102
|
+
LEGACY_fallbackIcon: TeamIcon
|
|
109
103
|
}));
|
|
110
104
|
}
|
|
111
105
|
return jsx(AvatarContent, null, jsx("img", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/teams-avatar",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "A team avatar is a visual representation of a team.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -37,11 +37,11 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@atlaskit/avatar": "^25.0.0",
|
|
39
39
|
"@atlaskit/css": "^0.10.0",
|
|
40
|
-
"@atlaskit/icon": "^
|
|
40
|
+
"@atlaskit/icon": "^25.0.0",
|
|
41
41
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
42
42
|
"@atlaskit/primitives": "^14.1.0",
|
|
43
43
|
"@atlaskit/theme": "^18.0.0",
|
|
44
|
-
"@atlaskit/tokens": "^4.
|
|
44
|
+
"@atlaskit/tokens": "^4.5.0",
|
|
45
45
|
"@babel/runtime": "^7.0.0",
|
|
46
46
|
"@emotion/react": "^11.7.1"
|
|
47
47
|
},
|
|
@@ -100,9 +100,6 @@
|
|
|
100
100
|
"platform-feature-flags": {
|
|
101
101
|
"enable-team-avatar-switch": {
|
|
102
102
|
"type": "boolean"
|
|
103
|
-
},
|
|
104
|
-
"ptc-migrate-legacy-icons-teams-avatar": {
|
|
105
|
-
"type": "boolean"
|
|
106
103
|
}
|
|
107
104
|
}
|
|
108
105
|
}
|