@notificationapi/react 1.0.0 → 1.0.2

package/dist/components/Notifications/UnreadBadge.d.ts

@@ -15,5 +15,7 @@ export type UnreadBadgeProps = {
         bottom?: number;
         left?: number;
     };
+    fontColor?: string;
+    bubbleColor?: string;
 };
 export declare const UnreadBadge: React.FunctionComponent<PropsWithChildren<UnreadBadgeProps>>;

package/dist/components/Notifications/UnreadBadge.js

@@ -1,11 +1,11 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useContext as a } from "react";
-import { NotificationAPIContext as d } from "../Provider/context.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useContext as d } from "react";
+import { NotificationAPIContext as a } from "../Provider/context.js";
 import { B as u } from "../../assets/Badge.js";
-const C = (t) => {
-  var r, i, c, f;
-  const o = a(d);
-  return /* @__PURE__ */ l(
+const b = (t) => {
+  var r, i, l, f;
+  const o = d(a);
+  return /* @__PURE__ */ c(
     u,
     {
       overlap: "circular",
@@ -15,13 +15,18 @@ const C = (t) => {
       max: t.max,
       variant: t.dot ? "dot" : "standard",
       showZero: t.showZero,
-      color: "error",
+      sx: {
+        "& .MuiBadge-badge": {
+          backgroundColor: t.bubbleColor || "#d32f2f",
+          color: t.fontColor || "#FFF"
+        }
+      },
       slotProps: {
         badge: {
           style: {
             top: (r = t.offset) == null ? void 0 : r.top,
             right: (i = t.offset) == null ? void 0 : i.right,
-            bottom: (c = t.offset) == null ? void 0 : c.bottom,
+            bottom: (l = t.offset) == null ? void 0 : l.bottom,
             left: (f = t.offset) == null ? void 0 : f.left
           }
         }
@@ -31,5 +36,5 @@ const C = (t) => {
   );
 };
 export {
-  C as UnreadBadge
+  b as UnreadBadge
 };

package/dist/main.js

@@ -5,7 +5,7 @@ import { NotificationCounter as c } from "./components/Notifications/Notificatio
 import { N } from "./assets/NotificationPreferencesPopup.js";
 import { NotificationPreferencesInline as x } from "./components/Preferences/NotificationPreferencesInline.js";
 import { NotificationAPIProvider as u } from "./components/Provider/index.js";
-import './assets/main.css';export {
+export {
   u as NotificationAPIProvider,
   c as NotificationCounter,
   r as NotificationFeed,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "browserslist": [
     "last 2 versions",
@@ -43,7 +43,7 @@
     "glob": "^10.4.1",
     "prettier": "^3.3.3",
     "typescript": "^5.2.2",
-    "vite": "^5.2.0",
+    "vite": "^5.4.14",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
@@ -52,9 +52,7 @@
   "files": [
     "dist"
   ],
-  "sideEffects": [
-    "**/*.css"
-  ],
+  "sideEffects": false,
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",