@availity/mui-card 0.1.0 → 0.1.2
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,15 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.1.2](https://github.com/Availity/element/compare/@availity/mui-card@0.1.1...@availity/mui-card@0.1.2) (2023-08-16)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **mui-card:** add alt text to the CardMedia stories for 508 compliance ([4ead52a](https://github.com/Availity/element/commit/4ead52a56ce0c604d21f0dfd914fa19fbfa7a610))
|
|
11
|
+
|
|
12
|
+
## [0.1.1](https://github.com/Availity/element/compare/@availity/mui-card@0.1.0...@availity/mui-card@0.1.1) (2023-07-13)
|
|
13
|
+
|
|
5
14
|
## 0.1.0 (2023-07-03)
|
|
6
15
|
|
|
7
16
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-card",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Availity MUI Card Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -33,6 +33,8 @@
|
|
|
33
33
|
"publish:canary": "yarn npm publish --access public --tag canary"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
+
"@availity/mui-button": "^0.3.0",
|
|
37
|
+
"@availity/mui-icon": "^0.4.0",
|
|
36
38
|
"@mui/material": "^5.11.9",
|
|
37
39
|
"react": "18.2.0",
|
|
38
40
|
"react-dom": "18.2.0",
|
package/src/lib/Card.stories.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Each exported component in the package should have its own stories file
|
|
2
2
|
|
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
4
|
-
import { Button } from '
|
|
4
|
+
import { Button } from '@availity/mui-button';
|
|
5
5
|
import { Card, CardProps } from './Card';
|
|
6
6
|
import { CardHeader } from './CardHeader';
|
|
7
7
|
import { CardMedia } from './CardMedia';
|
|
@@ -20,7 +20,11 @@ export const _Card: StoryObj<typeof Card> = {
|
|
|
20
20
|
render: (args: CardProps) => (
|
|
21
21
|
<Card {...args}>
|
|
22
22
|
<CardHeader title="Card header" subheader="Subheader" />
|
|
23
|
-
<CardMedia
|
|
23
|
+
<CardMedia
|
|
24
|
+
sx={{ height: '100px' }}
|
|
25
|
+
image="https://avatars.githubusercontent.com/u/329985?s=200&v=4"
|
|
26
|
+
aria-label="Orange rectangle with interlocking AV logo"
|
|
27
|
+
/>
|
|
24
28
|
<CardContent>This is the content of the Card.</CardContent>
|
|
25
29
|
<CardActions>
|
|
26
30
|
<Button size="small" color="primary">
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
4
4
|
import { CardActions, CardActionsProps } from './CardActions';
|
|
5
5
|
import { Card } from './Card';
|
|
6
|
-
import { Button, IconButton } from '
|
|
6
|
+
import { Button, IconButton } from '@availity/mui-button';
|
|
7
7
|
import { SearchIcon } from '@availity/mui-icon';
|
|
8
8
|
|
|
9
9
|
const meta: Meta<typeof CardActions> = {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
4
4
|
import { Card } from './Card';
|
|
5
5
|
import { CardHeader, CardHeaderProps } from './CardHeader';
|
|
6
|
-
import { IconButton } from '
|
|
6
|
+
import { IconButton } from '@availity/mui-button';
|
|
7
7
|
import { MoreVerticalIcon } from '@availity/mui-icon';
|
|
8
8
|
|
|
9
9
|
const meta: Meta<typeof CardHeader> = {
|