@availity/mui-spaces 0.6.11 → 0.7.1

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.7.1](https://github.com/Availity/element/compare/@availity/mui-spaces@0.7.0...@availity/mui-spaces@0.7.1) (2025-02-05)
+
+### Dependency Updates
+
+* `mui-card` updated to version `0.7.0`
+* `mui-modal` updated to version `0.7.0`
+## [0.7.0](https://github.com/Availity/element/compare/@availity/mui-spaces@0.6.11...@availity/mui-spaces@0.7.0) (2025-02-04)
+
+### Dependency Updates
+
+* `mui-button` updated to version `0.6.11`
+* `mui-card` updated to version `0.6.11`
+* `mui-chip` updated to version `0.6.11`
+* `mui-dialog` updated to version `0.6.11`
+* `mui-disclaimer` updated to version `0.6.11`
+* `mui-favorites` updated to version `0.6.11`
+* `mui-icon` updated to version `0.6.11`
+* `mui-layout` updated to version `0.6.11`
+* `mui-list` updated to version `0.6.11`
+* `mui-modal` updated to version `0.6.11`
+* `mui-progress` updated to version `0.6.11`
+* `mui-typography` updated to version `0.6.11`
+* `mui-paper` updated to version `0.6.11`
+
+### Features
+
+* configure package.json to allow esm to be used ([5a5393d](https://github.com/Availity/element/commit/5a5393de761f52608e714dd94a05106937dd95db))
+
 ## [0.6.11](https://github.com/Availity/element/compare/@availity/mui-spaces@0.6.10...@availity/mui-spaces@0.6.11) (2025-01-27)
 
 ### Dependency Updates

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-spaces",
-  "version": "0.6.11",
+  "version": "0.7.1",
   "description": "Availity MUI Spaces 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,19 +40,19 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-button": "^0.6.16",
-    "@availity/mui-card": "^0.2.23",
-    "@availity/mui-chip": "^0.2.28",
-    "@availity/mui-dialog": "^0.2.8",
-    "@availity/mui-disclaimer": "^0.1.10",
-    "@availity/mui-favorites": "^0.2.7",
-    "@availity/mui-icon": "^0.13.1",
-    "@availity/mui-layout": "^0.2.0",
-    "@availity/mui-list": "^0.2.7",
-    "@availity/mui-modal": "^0.1.13",
-    "@availity/mui-paper": "^0.1.9",
-    "@availity/mui-progress": "^0.4.5",
-    "@availity/mui-typography": "^0.2.1",
+    "@availity/mui-button": "^0.7.0",
+    "@availity/mui-card": "^0.3.1",
+    "@availity/mui-chip": "^0.3.0",
+    "@availity/mui-dialog": "^0.3.0",
+    "@availity/mui-disclaimer": "^0.2.0",
+    "@availity/mui-favorites": "^0.3.0",
+    "@availity/mui-icon": "^0.14.0",
+    "@availity/mui-layout": "^0.3.0",
+    "@availity/mui-list": "^0.3.0",
+    "@availity/mui-modal": "^0.2.1",
+    "@availity/mui-paper": "^0.2.0",
+    "@availity/mui-progress": "^0.5.0",
+    "@availity/mui-typography": "^0.3.0",
     "@mui/material": "^5.15.15",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -52,18 +60,18 @@
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-button": "^0.6.16",
-    "@availity/mui-card": "^0.2.23",
-    "@availity/mui-chip": "^0.2.28",
-    "@availity/mui-dialog": "^0.2.8",
-    "@availity/mui-disclaimer": "^0.1.10",
-    "@availity/mui-favorites": "^0.2.7",
-    "@availity/mui-icon": "^0.13.1",
-    "@availity/mui-layout": "^0.2.0",
-    "@availity/mui-list": "^0.2.7",
-    "@availity/mui-modal": "^0.1.13",
-    "@availity/mui-progress": "^0.4.5",
-    "@availity/mui-typography": "^0.2.1",
+    "@availity/mui-button": "^0.7.0",
+    "@availity/mui-card": "^0.3.1",
+    "@availity/mui-chip": "^0.3.0",
+    "@availity/mui-dialog": "^0.3.0",
+    "@availity/mui-disclaimer": "^0.2.0",
+    "@availity/mui-favorites": "^0.3.0",
+    "@availity/mui-icon": "^0.14.0",
+    "@availity/mui-layout": "^0.3.0",
+    "@availity/mui-list": "^0.3.0",
+    "@availity/mui-modal": "^0.2.1",
+    "@availity/mui-progress": "^0.5.0",
+    "@availity/mui-typography": "^0.3.0",
     "@mui/material": "^5.11.9",
     "react": ">=16.3.0"
   },

package/src/lib/SpacesImage.stories.tsx

@@ -1,6 +1,7 @@
 // Each exported component in the package should have its own stories file
 import type { Meta, StoryObj } from '@storybook/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { Card, CardHeader, CardHeaderProps } from '@availity/mui-card';
 import { Spaces } from './Spaces';
 import { SpacesImage, SpacesImageProps } from './SpacesImage';
 
@@ -75,3 +76,25 @@ export const _SpacesBillboard: StoryObj<typeof SpacesImage> = {
     imageType: 'images.billboard',
   },
 };
+
+export const _CardHeaderWithLogo: StoryObj<typeof CardHeader> = {
+  render: (args: CardHeaderProps) => (
+    <QueryClientProvider client={queryClient}>
+      <Spaces spaceIds={['11', '22', '33']}>
+        <Card>
+          <CardHeader {...args} />
+        </Card>
+      </Spaces>
+    </QueryClientProvider>
+  ),
+  args: {
+    title: 'Card header',
+    subheader: 'Subheader',
+    statusChipProps: {
+      position: 'right',
+      label: 'Approved',
+      color: 'success',
+    },
+    logo: <SpacesImage spaceId="11" imageType="images.logo" />,
+  },
+};