@availity/mui-card 0.1.2 → 0.1.4

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.1.4](https://github.com/Availity/element/compare/@availity/mui-card@0.1.3...@availity/mui-card@0.1.4) (2023-08-23)
+
+## [0.1.3](https://github.com/Availity/element/compare/@availity/mui-card@0.1.2...@availity/mui-card@0.1.3) (2023-08-22)
+
+
+### Bug Fixes
+
+* **mui-card:** export subcomponents ([7e6c64c](https://github.com/Availity/element/commit/7e6c64c3a22a20213962434b059a7096ce51899c))
+
 ## [0.1.2](https://github.com/Availity/element/compare/@availity/mui-card@0.1.1...@availity/mui-card@0.1.2) (2023-08-16)
 
 

package/dist/index.d.ts

@@ -1,8 +1,33 @@
-import { CardProps as CardProps$1 } from '@mui/material';
+import { CardProps as CardProps$1, CardActionAreaProps as CardActionAreaProps$1, CardActionsProps as CardActionsProps$1, CardContentProps as CardContentProps$1, CardHeaderProps as CardHeaderProps$1, CardMediaProps as CardMediaProps$1 } from '@mui/material';
 
 interface CardProps extends Omit<CardProps$1, 'elevation' | 'variant' | 'raised' | 'square'> {
     children?: React.ReactNode;
 }
 declare const Card: ({ children, ...rest }: CardProps) => JSX.Element;
 
-export { Card, CardProps };
+interface CardActionAreaProps extends Omit<CardActionAreaProps$1, 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef'> {
+    children?: React.ReactNode;
+}
+declare const CardActionArea: ({ children, ...rest }: CardActionAreaProps) => JSX.Element;
+
+interface CardActionsProps extends CardActionsProps$1 {
+    children?: React.ReactNode;
+}
+declare const CardActions: ({ children, ...rest }: CardActionsProps) => JSX.Element;
+
+interface CardContentProps extends CardContentProps$1 {
+    children?: React.ReactNode;
+}
+declare const CardContent: ({ children, ...rest }: CardContentProps) => JSX.Element;
+
+interface CardHeaderProps extends Omit<CardHeaderProps$1, 'avatar'> {
+    children?: React.ReactNode;
+}
+declare const CardHeader: ({ ...rest }: CardHeaderProps) => JSX.Element;
+
+interface CardMediaProps extends CardMediaProps$1 {
+    children?: React.ReactNode;
+}
+declare const CardMedia: ({ children, ...rest }: CardMediaProps) => JSX.Element;
+
+export { Card, CardActionArea, CardActionAreaProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps };

package/dist/index.js

@@ -20,7 +20,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  Card: () => Card
+  Card: () => Card,
+  CardActionArea: () => CardActionArea,
+  CardActions: () => CardActions,
+  CardContent: () => CardContent,
+  CardHeader: () => CardHeader,
+  CardMedia: () => CardMedia
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -35,7 +40,64 @@ var Card = ({ children, ...rest }) => {
     children
   });
 };
+
+// src/lib/CardActionArea.tsx
+var import_material2 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CardActionArea = ({ children, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.CardActionArea, {
+    ...rest,
+    disableRipple: true,
+    children
+  });
+};
+
+// src/lib/CardActions.tsx
+var import_material3 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CardActions = ({ children, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material3.CardActions, {
+    ...rest,
+    children
+  });
+};
+
+// src/lib/CardContent.tsx
+var import_material4 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CardContent = ({ children, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material4.CardContent, {
+    ...rest,
+    children
+  });
+};
+
+// src/lib/CardHeader.tsx
+var import_material5 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CardHeader = ({ ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material5.CardHeader, {
+    ...rest,
+    titleTypographyProps: { variant: "h6" },
+    subheaderTypographyProps: { variant: "subtitle2" }
+  });
+};
+
+// src/lib/CardMedia.tsx
+var import_material6 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CardMedia = ({ children, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material6.CardMedia, {
+    ...rest,
+    children
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Card
+  Card,
+  CardActionArea,
+  CardActions,
+  CardContent,
+  CardHeader,
+  CardMedia
 });

package/dist/index.mjs

@@ -9,6 +9,63 @@ var Card = ({ children, ...rest }) => {
     children
   });
 };
+
+// src/lib/CardActionArea.tsx
+import { CardActionArea as MuiCardActionArea } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CardActionArea = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsx2(MuiCardActionArea, {
+    ...rest,
+    disableRipple: true,
+    children
+  });
+};
+
+// src/lib/CardActions.tsx
+import { CardActions as MuiCardActions } from "@mui/material";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CardActions = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsx3(MuiCardActions, {
+    ...rest,
+    children
+  });
+};
+
+// src/lib/CardContent.tsx
+import { CardContent as MuiCardContent } from "@mui/material";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var CardContent = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsx4(MuiCardContent, {
+    ...rest,
+    children
+  });
+};
+
+// src/lib/CardHeader.tsx
+import { CardHeader as MuiCardHeader } from "@mui/material";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var CardHeader = ({ ...rest }) => {
+  return /* @__PURE__ */ jsx5(MuiCardHeader, {
+    ...rest,
+    titleTypographyProps: { variant: "h6" },
+    subheaderTypographyProps: { variant: "subtitle2" }
+  });
+};
+
+// src/lib/CardMedia.tsx
+import { CardMedia as MuiCardMedia } from "@mui/material";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var CardMedia = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsx6(MuiCardMedia, {
+    ...rest,
+    children
+  });
+};
 export {
-  Card
+  Card,
+  CardActionArea,
+  CardActions,
+  CardContent,
+  CardHeader,
+  CardMedia
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-card",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Availity MUI Card Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -33,8 +33,8 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-button": "^0.3.0",
-    "@availity/mui-icon": "^0.4.0",
+    "@availity/mui-button": "^0.3.1",
+    "@availity/mui-icon": "^0.4.1",
     "@mui/material": "^5.11.9",
     "react": "18.2.0",
     "react-dom": "18.2.0",

package/project.json

@@ -37,5 +37,6 @@
         "tagPrefix": "@availity/${projectName}@"
       }
     }
-  }
+  },
+  "trackDeps": true
 }

package/src/index.ts

@@ -1 +1,6 @@
 export * from './lib/Card';
+export * from './lib/CardActionArea';
+export * from './lib/CardActions';
+export * from './lib/CardContent';
+export * from './lib/CardHeader';
+export * from './lib/CardMedia';