@atlaskit/teams-avatar 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/teams-avatar
 
+## 3.1.1
+
+### Patch Changes
+
+- [`c1363affce29a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c1363affce29a) -
+  Make the ADS fixes from the now-launched feature gate permanent.
+- Updated dependencies
+
 ## 3.1.0
 
 ### Minor Changes

package/compass.yml

@@ -0,0 +1,38 @@
+configVersion: 1
+id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/b989d079-fe49-44fb-9fcf-41d49e27a465
+name: '@atlaskit/teams-avatar'
+ownerId: ari:cloud:identity::team/og-c0632dbd-17ef-49bc-b053-208b9fd565c5 # People and Teams Collective
+labels:
+  - platform-code
+  - platform-afm
+typeId: OTHER
+fields:
+  tier: 4
+  lifecycle: Active
+  isMonorepoProject: true
+links:
+  - name: Root Repository
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
+  - name: Slack Channel
+    type: CHAT_CHANNEL
+    url: https://atlassian.enterprise.slack.com/archives/C024C40LREH # #pt-frontend
+  - name: Teams Avatar
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/people-and-teams/teams-avatar
+customFields:
+  - name: Department
+    type: text
+    value: Eng - Atlas - Spoonsteen
+  - name: Technical Owner
+    type: user
+    value: ari:cloud:identity::user/60eee7cec94cc20068ac280c # Alex O'Shannessy
+  - name: Required Reviewers Opt In
+    type: boolean
+    value: true
+  - name: Reviewer Selection Mechanism
+    type: text
+    value: random(2)
+  - name: Required Reviewer Approvals
+    type: number
+    value: 1

package/dist/cjs/ui/teams-avatar/teams-avatar-image/fallback/index.js

@@ -12,11 +12,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _css = require("@atlaskit/css");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _excluded = ["compact"];
 var styles = {
-  wrapperOld: "_1e0c1txw",
   wrapper: "_1reo15vq _18m915vq _2rkol0p1 _1e0c1txw",
   wrapperSpacing: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
   compactWrapperSpacing: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t"
@@ -25,7 +23,7 @@ function FallbackAvatar(_ref) {
   var compact = _ref.compact,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)((0, _platformFeatureFlags.fg)('yurree_jjj_3_ads_fixes') ? styles.wrapper : styles.wrapperOld, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
+    xcss: (0, _css.cx)(styles.wrapper, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
   }, /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",
     height: "32",

package/dist/es2019/ui/teams-avatar/teams-avatar-image/fallback/index.js

@@ -4,10 +4,8 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
-  wrapperOld: "_1e0c1txw",
   wrapper: "_1reo15vq _18m915vq _2rkol0p1 _1e0c1txw",
   wrapperSpacing: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
   compactWrapperSpacing: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t"
@@ -17,7 +15,7 @@ export function FallbackAvatar({
   ...props
 }) {
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(fg('yurree_jjj_3_ads_fixes') ? styles.wrapper : styles.wrapperOld, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
+    xcss: cx(styles.wrapper, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
   }, /*#__PURE__*/React.createElement("svg", _extends({
     width: "32",
     height: "32",

package/dist/esm/ui/teams-avatar/teams-avatar-image/fallback/index.js

@@ -6,10 +6,8 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
-  wrapperOld: "_1e0c1txw",
   wrapper: "_1reo15vq _18m915vq _2rkol0p1 _1e0c1txw",
   wrapperSpacing: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
   compactWrapperSpacing: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t"
@@ -18,7 +16,7 @@ export function FallbackAvatar(_ref) {
   var compact = _ref.compact,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(fg('yurree_jjj_3_ads_fixes') ? styles.wrapper : styles.wrapperOld, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
+    xcss: cx(styles.wrapper, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
   }, /*#__PURE__*/React.createElement("svg", _extends({
     width: "32",
     height: "32",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/teams-avatar",
-	"version": "3.1.0",
+	"version": "3.1.1",
 	"description": "A team avatar is a visual representation of a team.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,9 +37,9 @@
 		"@atlaskit/avatar": "^26.1.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
-		"@atlaskit/primitives": "^20.1.0",
+		"@atlaskit/primitives": "^20.3.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/tokens": "^15.1.0",
+		"@atlaskit/tokens": "^15.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -50,16 +50,13 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlassian/teams-app-internal-playground": "^2.7.0",
+		"@atlassian/teams-app-internal-playground": "^2.8.0",
 		"@testing-library/react": "^16.3.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"wait-for-expect": "^1.2.0"
 	},
 	"platform-feature-flags": {
-		"yurree_jjj_3_ads_fixes": {
-			"type": "boolean"
-		},
 		"enable_teams_t26_design_drop_core_experiences": {
 			"type": "boolean"
 		}

package/teams-avatar.docs.tsx

@@ -0,0 +1,40 @@
+import path from 'path';
+
+import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
+
+import packageJson from './package.json';
+
+const packagePath = path.resolve(__dirname);
+
+const documentation: StructuredContentSource = {
+	components: [
+		{
+			name: 'TeamsAvatar',
+			description: 'A visual representation of a team, typically used in profile views or lists.',
+			status: 'general-availability',
+			import: {
+				name: 'default',
+				package: '@atlaskit/teams-avatar',
+				type: 'default',
+				packagePath,
+				packageJson,
+			},
+			usageGuidelines: [
+				'Use TeamsAvatar to identify a team visually.',
+				'Supports different sizes and shapes (square by default for teams).',
+				'Can display an image or fallback to a team icon.',
+			],
+			examples: [
+				{
+					name: 'Basic',
+					description: 'Standard team avatar example.',
+					source: path.resolve(packagePath, './examples/basic.tsx'),
+				},
+			],
+			keywords: ['avatar', 'team', 'profile', 'identity', 'visual'],
+			categories: ['media', 'data-display'],
+		},
+	],
+};
+
+export default documentation;