@atlaskit/teams-avatar 2.7.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/teams-avatar
 
+## 3.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.7.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/teams-avatar",
-	"version": "2.7.0",
+	"version": "3.0.0",
 	"description": "A team avatar is a visual representation of a team.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -26,14 +26,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"*.compiled.css"
 	],
@@ -42,11 +34,11 @@
 		"test:coverage": "(cd ../../.. && yarn test 'packages/people-and-teams/teams-avatar/src' --coverage --coverageProvider=v8 --collectCoverageFrom='[\"packages/people-and-teams/teams-avatar/src/**\", \"!packages/people-and-teams/teams-avatar/src/**/**/types.ts\", \"!packages/people-and-teams/teams-avatar/src/ui/**/styled.tsx\"]')"
 	},
 	"dependencies": {
-		"@atlaskit/avatar": "^25.14.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/avatar": "^26.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -60,6 +52,7 @@
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/teams-app-internal-playground": "^2.6.0",
 		"@testing-library/react": "^16.3.0",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"wait-for-expect": "^1.2.0"
 	},

package/teams-avatar/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/ui/teams-avatar/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/ui/teams-avatar/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/ui/teams-avatar/index.d.ts"
 }

package/utils/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/ui/teams-avatar/utils.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/ui/teams-avatar/utils.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/ui/teams-avatar/utils.d.ts"
 }

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +0,0 @@
-export { default, type TeamAvatarProps } from './ui/teams-avatar';
-export { isSquareIcon as UNSAFE_urlIsRefreshedTeamAvatar } from './ui/teams-avatar/utils';

package/dist/types-ts4.5/ui/teams-avatar/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type AvatarPropTypes } from '@atlaskit/avatar';
-export type TeamAvatarProps = Omit<AvatarPropTypes, 'appearance'> & {
-    teamId?: string;
-    compact?: boolean;
-};
-export declare const ICON_BACKGROUND: 'var(--ds-icon-inverse)';
-export declare const ICON_COLOR: 'var(--ds-icon-subtle)';
-export default function TeamAvatar({ testId, src, size, teamId, compact, ...props }: TeamAvatarProps): React.JSX.Element;

package/dist/types-ts4.5/ui/teams-avatar/teams-avatar-image/fallback/constants.d.ts

@@ -1 +0,0 @@
-export declare const TEAM_FALLBACK_AVATAR_DATA_URI: string;

package/dist/types-ts4.5/ui/teams-avatar/teams-avatar-image/fallback/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare function FallbackAvatar({ compact, ...props }: React.SVGProps<SVGSVGElement> & {
-    compact?: boolean;
-}): React.JSX.Element;

package/dist/types-ts4.5/ui/teams-avatar/teams-avatar-image/index.d.ts

@@ -1,20 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type SizeType } from '@atlaskit/avatar';
-type AvatarImageProps = {
-    size: SizeType;
-    alt?: string;
-    src?: string;
-    testId?: string;
-    teamId?: string;
-    compact?: boolean;
-};
-/**
- * __Avatar image__
- *
- * An avatar image is an internal component used to control the rendering phases of an image.
- */
-export declare const TeamAvatarImage: ({ alt, src, size, testId, teamId, compact, }: AvatarImageProps) => JSX.Element;
-export {};

package/dist/types-ts4.5/ui/teams-avatar/teams-avatar-image/utils.d.ts

@@ -1,6 +0,0 @@
-/**
- * If a src value is given, we'll use that directly.
- * Otherwise we'll generate a static URL from the teamId.
- * If neither are provided, return undefined so that the fallback will be used.
- */
-export declare function getTeamAvatarSrc(src?: string, teamId?: string): string | undefined;

package/dist/types-ts4.5/ui/teams-avatar/utils.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated teams avatar is now always square
- */
-export declare function isSquareIcon(_src?: string): boolean;