@availity/mui-avatar 0.3.6 → 1.0.0-alpha.0

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.0.0-alpha.0](https://github.com/Availity/element/compare/@availity/mui-avatar@0.4.0...@availity/mui-avatar@1.0.0-alpha.0) (2025-02-24)
+
+
+### ⚠ BREAKING CHANGES
+
+* upgraded to @mui/material v6
+* **element:** upgraded to @mui/material v6
+
+### Features
+
+* **element:** upgrade to @mui/material v6 ([cb958bb](https://github.com/Availity/element/commit/cb958bba99a4f1ee6dab323f0ff54b69e6fd3493))
+* upgrade @mui/material ([571453a](https://github.com/Availity/element/commit/571453a34b21c344594ab4c03bc497d19aba942b))
+* upgrade to MUI v6 ([7febd6f](https://github.com/Availity/element/commit/7febd6fd4fd58e87e1c97a832cea3b4595a35d58))
+
+## [0.4.0](https://github.com/Availity/element/compare/@availity/mui-avatar@0.3.6...@availity/mui-avatar@0.4.0) (2025-02-04)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `0.3.6`
+
+### Features
+
+* configure package.json to allow esm to be used ([5a5393d](https://github.com/Availity/element/commit/5a5393de761f52608e714dd94a05106937dd95db))
+
 ## [0.3.6](https://github.com/Availity/element/compare/@availity/mui-avatar@0.3.5...@availity/mui-avatar@0.3.6) (2025-01-27)
 
 ### Dependency Updates

package/dist/index.js

@@ -77,11 +77,11 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Avatar: () => Avatar
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/lib/Avatar.tsx
 var import_Avatar = __toESM(require("@mui/material/Avatar"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-avatar",
-  "version": "0.3.6",
+  "version": "1.0.0-alpha.0",
   "description": "Availity MUI Avatar Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -23,6 +23,14 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts",
     "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
@@ -32,22 +40,22 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-icon": "^0.13.1",
-    "@mui/material": "^5.15.15",
+    "@availity/mui-icon": "^1.0.0-alpha.0",
+    "@mui/material": "^6.4.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tsup": "^8.0.2",
+    "tsup": "^8.3.6",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-icon": "^0.13.1",
-    "@mui/material": "^5.11.9",
+    "@availity/mui-icon": "^1.0.0-alpha.0",
+    "@mui/material": "^6.4.5",
     "react": ">=16.3.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@availity/api-axios": "^9.0.6"
+    "@availity/api-axios": "^10.0.0"
   }
 }

package/src/lib/Avatar.stories.tsx

@@ -3,7 +3,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Avatar, AvatarProps } from './Avatar';
 import { HomeIcon } from '@availity/mui-icon';
-import Grid from '@mui/material/Unstable_Grid2';
+import Grid from '@mui/material/Grid2';
 
 const meta: Meta<typeof Avatar> = {
   title: 'Components/Avatar/Avatar',
@@ -49,25 +49,25 @@ export const _IconAvatar: StoryObj<typeof Avatar> = {
 export const _Sizes: StoryObj<typeof Avatar> = {
   render: (args: AvatarProps) => (
     <Grid container spacing={1}>
-      <Grid xs={2}>XSmall</Grid>
-      <Grid xs={10}>
-        <Avatar {...args} size="xs"/>
+      <Grid size={{ xs: 2 }}>XSmall</Grid>
+      <Grid size={{ xs: 10 }}>
+        <Avatar {...args} size="xs" />
       </Grid>
-      <Grid xs={2}>Small</Grid>
-      <Grid xs={10}>
-        <Avatar {...args} size="s"/>
+      <Grid size={{ xs: 2 }}>Small</Grid>
+      <Grid size={{ xs: 10 }}>
+        <Avatar {...args} size="s" />
       </Grid>
-      <Grid xs={2}>Medium</Grid>
-      <Grid xs={10}>
-        <Avatar {...args} size="m"/>
+      <Grid size={{ xs: 2 }}>Medium</Grid>
+      <Grid size={{ xs: 10 }}>
+        <Avatar {...args} size="m" />
       </Grid>
-      <Grid xs={2}>Large</Grid>
-      <Grid xs={10}>
-        <Avatar {...args} size="l"/>
+      <Grid size={{ xs: 2 }}>Large</Grid>
+      <Grid size={{ xs: 10 }}>
+        <Avatar {...args} size="l" />
       </Grid>
-      <Grid xs={2}>XLarge</Grid>
-      <Grid xs={10}>
-        <Avatar {...args} size="xl"/>
+      <Grid size={{ xs: 2 }}>XLarge</Grid>
+      <Grid size={{ xs: 10 }}>
+        <Avatar {...args} size="xl" />
       </Grid>
     </Grid>
   ),
@@ -76,7 +76,7 @@ export const _Sizes: StoryObj<typeof Avatar> = {
   },
   parameters: {
     controls: {
-      include: 'children'
-    }
-  }
+      include: 'children',
+    },
+  },
 };