@atlaskit/teams-avatar 2.0.2 → 2.1.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/teams-avatar/teams-avatar-image/index.js +10 -1
  3. package/dist/es2019/ui/teams-avatar/teams-avatar-image/index.js +10 -1
  4. package/dist/esm/ui/teams-avatar/teams-avatar-image/index.js +10 -1
  5. package/package.json +4 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/teams-avatar
2
2
 
3
+ ## 2.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#117986](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117986)
8
+ [`65187910ea922`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/65187910ea922) -
9
+ [ux] Migrate legacy icons [ENGHEALTH-23682]
10
+
3
11
  ## 2.0.2
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/teams-avatar/teams-avatar-image/index.js CHANGED
@@ -10,6 +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 _peopleGroupPeople = _interopRequireDefault(require("@atlaskit/icon/core/migration/people-group--people"));
13
14
  var _people = _interopRequireDefault(require("@atlaskit/icon/glyph/people"));
14
15
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
16
  var _colors = require("@atlaskit/theme/colors");
@@ -96,7 +97,15 @@ var TeamAvatarImage = exports.TeamAvatarImage = function TeamAvatarImage(_ref3)
96
97
  }
97
98
  return (0, _react2.jsx)("span", {
98
99
  css: [avatarDefaultIconStyles, nestedAvatarStyles[size]]
99
- }, (0, _react2.jsx)(_people.default, {
100
+ }, (0, _platformFeatureFlags.fg)('ptc-migrate-legacy-icons-teams-avatar') ? (0, _react2.jsx)(_peopleGroupPeople.default, {
101
+ label: alt,
102
+ color: ICON_BACKGROUND,
103
+ LEGACY_secondaryColor: ICON_COLOR,
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, {
100
109
  label: alt,
101
110
  primaryColor: ICON_BACKGROUND,
102
111
  secondaryColor: ICON_COLOR,
package/dist/es2019/ui/teams-avatar/teams-avatar-image/index.js CHANGED
@@ -7,6 +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 PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
10
11
  import TeamIcon from '@atlaskit/icon/glyph/people';
11
12
  import { fg } from '@atlaskit/platform-feature-flags';
12
13
  import { N0, N90 } from '@atlaskit/theme/colors';
@@ -85,7 +86,15 @@ export const TeamAvatarImage = ({
85
86
  }
86
87
  return jsx("span", {
87
88
  css: [avatarDefaultIconStyles, nestedAvatarStyles[size]]
88
- }, jsx(TeamIcon, {
89
+ }, fg('ptc-migrate-legacy-icons-teams-avatar') ? jsx(PeopleIcon, {
90
+ label: alt,
91
+ color: ICON_BACKGROUND,
92
+ LEGACY_secondaryColor: ICON_COLOR,
93
+ testId: testId && `${testId}--team`,
94
+ spacing: "spacious"
95
+ }) :
96
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
97
+ jsx(TeamIcon, {
89
98
  label: alt,
90
99
  primaryColor: ICON_BACKGROUND,
91
100
  secondaryColor: ICON_COLOR,
package/dist/esm/ui/teams-avatar/teams-avatar-image/index.js CHANGED
@@ -11,6 +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 PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
14
15
  import TeamIcon from '@atlaskit/icon/glyph/people';
15
16
  import { fg } from '@atlaskit/platform-feature-flags';
16
17
  import { N0, N90 } from '@atlaskit/theme/colors';
@@ -92,7 +93,15 @@ export var TeamAvatarImage = function TeamAvatarImage(_ref3) {
92
93
  }
93
94
  return jsx("span", {
94
95
  css: [avatarDefaultIconStyles, nestedAvatarStyles[size]]
95
- }, jsx(TeamIcon, {
96
+ }, fg('ptc-migrate-legacy-icons-teams-avatar') ? jsx(PeopleIcon, {
97
+ label: alt,
98
+ color: ICON_BACKGROUND,
99
+ LEGACY_secondaryColor: ICON_COLOR,
100
+ testId: testId && "".concat(testId, "--team"),
101
+ spacing: "spacious"
102
+ }) :
103
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
104
+ jsx(TeamIcon, {
96
105
  label: alt,
97
106
  primaryColor: ICON_BACKGROUND,
98
107
  secondaryColor: ICON_COLOR,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/teams-avatar",
3
- "version": "2.0.2",
3
+ "version": "2.1.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",
@@ -100,6 +100,9 @@
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"
103
106
  }
104
107
  }
105
108
  }