@availity/mui-badge 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.1.3](https://github.com/Availity/element/compare/@availity/mui-badge@0.1.2...@availity/mui-badge@0.1.3) (2023-05-19)
+
+## [0.1.2](https://github.com/Availity/element/compare/@availity/mui-badge@0.1.1...@availity/mui-badge@0.1.2) (2023-03-23)
+
 ## [0.1.1](https://github.com/Availity/element/compare/@availity/mui-badge@0.1.0...@availity/mui-badge@0.1.1) (2023-03-06)
 
 ## 0.1.0 (2023-02-28)

package/README.md

@@ -4,7 +4,7 @@
 
 [![Version](https://img.shields.io/npm/v/@availity/mui-badge.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/mui-badge)
 [![NPM Downloads](https://img.shields.io/npm/dt/@availity/mui-badge.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/mui-badge)
-[![Dependency Status](https://img.shields.io/librariesio/release/npm/@availity/mui-badge?style=for-the-badge)](https://github.com/Availity/availity-react/blob/master/packages/mui-badge/package.json)
+[![Dependency Status](https://img.shields.io/librariesio/release/npm/@availity/mui-badge?style=for-the-badge)](https://github.com/Availity/element/blob/main/packages/badge/package.json)
 
 ## Documentation
 

package/dist/index.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { BadgeProps as BadgeProps$1 } from '@mui/material';
 
-type BadgeProps = {
+interface BadgeProps extends BadgeProps$1 {
+    badgeContent?: number;
     children: React.ReactNode;
-} & BadgeProps$1;
-declare const Badge: ({ children, ...rest }: BadgeProps) => JSX.Element;
+    color?: 'primary' | 'error';
+}
+declare const Badge: ({ children, color, ...rest }: BadgeProps) => JSX.Element;
 
 export { Badge, BadgeProps };

package/dist/index.js

@@ -27,7 +27,8 @@ module.exports = __toCommonJS(src_exports);
 // src/lib/Badge.tsx
 var import_material = require("@mui/material");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Badge = ({ children, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Badge, {
+var Badge = ({ children, color = "error", ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Badge, {
+  color,
   ...rest,
   children
 });

package/dist/index.mjs

@@ -1,7 +1,8 @@
 // src/lib/Badge.tsx
 import { Badge as MUIBadge } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
-var Badge = ({ children, ...rest }) => /* @__PURE__ */ jsx(MUIBadge, {
+var Badge = ({ children, color = "error", ...rest }) => /* @__PURE__ */ jsx(MUIBadge, {
+  color,
   ...rest,
   children
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-badge",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Availity MUI Badge Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/lib/Badge.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
 import { Badge as MUIBadge } from '@mui/material';
 import type { BadgeProps as MUIBadgeProps } from '@mui/material';
-// import Icon from '@availity/mui-icon';
 
-export type BadgeProps = {
+export interface BadgeProps extends MUIBadgeProps {
+  badgeContent?: number;
   children: React.ReactNode;
-} & MUIBadgeProps;
+  color?: 'primary' | 'error';
+}
 
-export const Badge = ({ children, ...rest }: BadgeProps): JSX.Element => (
-  <MUIBadge {...rest}>
+export const Badge = ({ children, color = 'error', ...rest }: BadgeProps): JSX.Element => (
+  <MUIBadge color={color} {...rest}>
     {children}
   </MUIBadge>
 );