@availity/mui-avatar 1.0.5 → 2.0.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
@@ -2,6 +2,22 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-avatar@1.0.5...@availity/mui-avatar@2.0.0) (2025-11-17)
6
+
7
+ ### Dependency Updates
8
+
9
+ * `mui-icon` updated to version `1.0.5`
10
+
11
+ ### ⚠ BREAKING CHANGES
12
+
13
+ * @mui/material upgraded to v7
14
+ * @mui/x-* upgraded to v8
15
+ * react upgraded to v19
16
+
17
+ ### Features
18
+
19
+ * upgrade material and react dependencies ([51602a4](https://github.com/Availity/element/commit/51602a48c5304db6f61e2c7e772c9a3a4aa3f65c))
20
+
5
21
  ## [1.0.5](https://github.com/Availity/element/compare/@availity/mui-avatar@1.0.4...@availity/mui-avatar@1.0.5) (2025-10-30)
6
22
 
7
23
  ### Dependency Updates
package/dist/index.d.mts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { AvatarProps as AvatarProps$1 } from '@mui/material/Avatar';
2
+ import React from 'react';
2
3
 
3
4
  interface AvatarProps extends Omit<AvatarProps$1, 'variant'> {
4
5
  /** The size of the component.
5
6
  * @default xl */
6
7
  size?: 'xs' | 's' | 'm' | 'l' | 'xl';
7
8
  }
8
- declare const Avatar: ({ children, size, src, sx, ...rest }: AvatarProps) => JSX.Element;
9
+ declare const Avatar: ({ children, size, src, sx, ...rest }: AvatarProps) => React.JSX.Element;
9
10
 
10
11
  export { Avatar, type AvatarProps };
package/dist/index.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { AvatarProps as AvatarProps$1 } from '@mui/material/Avatar';
2
+ import React from 'react';
2
3
 
3
4
  interface AvatarProps extends Omit<AvatarProps$1, 'variant'> {
4
5
  /** The size of the component.
5
6
  * @default xl */
6
7
  size?: 'xs' | 's' | 'm' | 'l' | 'xl';
7
8
  }
8
- declare const Avatar: ({ children, size, src, sx, ...rest }: AvatarProps) => JSX.Element;
9
+ declare const Avatar: ({ children, size, src, sx, ...rest }: AvatarProps) => React.JSX.Element;
9
10
 
10
11
  export { Avatar, type AvatarProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@availity/mui-avatar",
3
- "version": "1.0.5",
3
+ "version": "2.0.0",
4
4
  "description": "Availity MUI Avatar Component - part of the @availity/element design system",
5
5
  "keywords": [
6
6
  "react",
@@ -40,17 +40,17 @@
40
40
  "publish:canary": "yarn npm publish --access public --tag canary"
41
41
  },
42
42
  "devDependencies": {
43
- "@availity/mui-icon": "^1.1.1",
44
- "@mui/material": "^6.4.5",
45
- "react": "18.2.0",
46
- "react-dom": "18.2.0",
43
+ "@availity/mui-icon": "^2.0.0",
44
+ "@mui/material": "^7.3.4",
45
+ "react": "19.2.0",
46
+ "react-dom": "19.2.0",
47
47
  "tsup": "^8.4.0",
48
48
  "typescript": "^5.4.5"
49
49
  },
50
50
  "peerDependencies": {
51
- "@availity/mui-icon": "^1.1.1",
52
- "@mui/material": "^6.4.5",
53
- "react": ">=16.3.0"
51
+ "@availity/mui-icon": "^2.0.0",
52
+ "@mui/material": "^7.0.0",
53
+ "react": ">=17.0.0"
54
54
  },
55
55
  "publishConfig": {
56
56
  "access": "public"
@@ -3,7 +3,7 @@
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
4
  import { Avatar, AvatarProps } from './Avatar';
5
5
  import { HomeIcon } from '@availity/mui-icon';
6
- import Grid from '@mui/material/Grid2';
6
+ import Grid from '@mui/material/Grid';
7
7
 
8
8
  const meta: Meta<typeof Avatar> = {
9
9
  title: 'Components/Avatar/Avatar',
@@ -33,7 +33,7 @@ const formatChildren = (children: React.ReactNode, size: 'xs' | 's' | 'm' | 'l'
33
33
  return children;
34
34
  };
35
35
 
36
- export const Avatar = ({ children, size = 'xl', src, sx, ...rest }: AvatarProps): JSX.Element => {
36
+ export const Avatar = ({ children, size = 'xl', src, sx, ...rest }: AvatarProps): React.JSX.Element => {
37
37
  const [avatar, setAvatar] = React.useState<string>();
38
38
 
39
39
  useEffect(() => {