@notificationapi/react 1.7.0 → 1.8.0

package/dist/components/Slack/SlackConnect.js

@@ -3,16 +3,17 @@ import * as c from "react";
 import { useContext as at, useState as ge, useCallback as Ro, useEffect as ko } from "react";
 import { NotificationAPIContext as it } from "../Provider/context.js";
 import { B as Re } from "../../assets/Box.js";
-import { P as e, g as X, e as J, h as _, s as E, m as K, u as ee, c as Z, b as Q, N as Uo, K as ne, w as bo, a as Ke, O as lt } from "../../assets/DefaultPropsProvider.js";
+import { P as e, g as J, e as _, u as Uo, k as bo, a as Ke } from "../../assets/createTheme.js";
+import { g as X, s as E, m as K, u as ee, c as Z, a as Q, r as ne, f as lt } from "../../assets/DefaultPropsProvider.js";
 import { c as Ue } from "../../assets/createSimplePaletteValueFilter.js";
-import { k as Vo, c as Ho } from "../../assets/useTheme2.js";
-import { b as We, e as ct, r as Me, c as dt, B as ut } from "../../assets/ButtonBase.js";
+import { k as Vo, c as Ho } from "../../assets/useThemeWithoutDefault.js";
+import { d as We, e as ct, r as Me, c as dt, B as ut } from "../../assets/ButtonBase.js";
 import { A as io, B as ke } from "../../assets/Button.js";
 import { u as Ve, f as He, F as qo, S as lo } from "../../assets/Stack.js";
 import { g as pt, T as Ge } from "../../assets/Typography.js";
 import { i as To, a as co, L as ft, b as Mo } from "../../assets/List.js";
-import { r as yo } from "../../assets/index.js";
-import { u as mt } from "../../assets/Grow.js";
+import { r as yo } from "../../assets/index2.js";
+import { u as mt } from "../../assets/index.js";
 import { d as bt, P as yt, a as gt } from "../../assets/Popover.js";
 import { o as po, g as ht } from "../../assets/Modal.js";
 import { u as Ee } from "../../assets/resolveComponentProps.js";
@@ -4637,7 +4638,7 @@ process.env.NODE_ENV !== "production" && (wo.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 wo.muiName = "Select";
-function er({
+function or({
   description: o = "Connect your Slack workspace to receive notifications directly in Slack.",
   connectButtonText: t = "Connect Slack",
   editButtonText: n = "Edit Channel",
@@ -4849,5 +4850,5 @@ function er({
   ] }) : null;
 }
 export {
-  er as SlackConnect
+  or as SlackConnect
 };

package/dist/main.d.ts

@@ -3,3 +3,5 @@ export { NotificationPreferencesInline, NotificationPreferencesPopup } from './c
 export { NotificationAPIProvider } from './components/Provider';
 export { SlackConnect } from './components/Slack';
 export { createDebugLogger, type DebugLogger } from './utils/debug';
+export type { NotificationAPITheme, NotificationAPIThemeMode, NotificationAPIThemeColors } from './utils/theme';
+export { createNotificationAPITheme, getThemeColors } from './utils/theme';

package/dist/main.js

@@ -5,8 +5,9 @@ import { NotificationCounter as p } from "./components/Notifications/Notificatio
 import { NotificationPreferencesPopup as m } from "./components/Preferences/NotificationPreferencesPopup.js";
 import { NotificationPreferencesInline as N } from "./components/Preferences/NotificationPreferencesInline.js";
 import { NotificationAPIProvider as u } from "./components/Provider/index.js";
-import { SlackConnect as d } from "./components/Slack/SlackConnect.js";
+import { SlackConnect as h } from "./components/Slack/SlackConnect.js";
 import { createDebugLogger as s } from "./utils/debug.js";
+import { createNotificationAPITheme as I, getThemeColors as d } from "./utils/theme.js";
 export {
   u as NotificationAPIProvider,
   p as NotificationCounter,
@@ -15,6 +16,8 @@ export {
   i as NotificationPopup,
   N as NotificationPreferencesInline,
   m as NotificationPreferencesPopup,
-  d as SlackConnect,
-  s as createDebugLogger
+  h as SlackConnect,
+  s as createDebugLogger,
+  I as createNotificationAPITheme,
+  d as getThemeColors
 };

package/dist/utils/theme.d.ts

@@ -0,0 +1,17 @@
+import { Theme } from '@mui/material/styles';
+export type NotificationAPIThemeMode = 'light' | 'dark';
+export type NotificationAPIThemeColors = {
+    background?: string;
+    paper?: string;
+    text?: string;
+    textSecondary?: string;
+    border?: string;
+    icon?: string;
+    divider?: string;
+};
+export type NotificationAPITheme = NotificationAPIThemeMode | {
+    mode?: NotificationAPIThemeMode;
+    colors?: NotificationAPIThemeColors;
+} | Theme;
+export declare function createNotificationAPITheme(theme: NotificationAPITheme): Theme;
+export declare function getThemeColors(theme: Theme): Required<NotificationAPIThemeColors>;

package/dist/utils/theme.js

@@ -0,0 +1,104 @@
+import { c } from "../assets/createTheme.js";
+const d = {
+  background: "#ffffff",
+  paper: "#ffffff",
+  text: "#000000",
+  textSecondary: "#666666",
+  border: "#dcdcdc",
+  icon: "#000000",
+  divider: "#e0e0e0"
+}, a = {
+  background: "#1e1e1e",
+  paper: "#2d2d2d",
+  text: "#ffffff",
+  textSecondary: "#b0b0b0",
+  border: "#404040",
+  icon: "#ffffff",
+  divider: "#404040"
+};
+function n(r) {
+  if (r && typeof r == "object" && "palette" in r)
+    return r;
+  let t = "light", e = {};
+  r === "dark" || r === "light" ? t = r : r && typeof r == "object" && (t = r.mode || "light", e = r.colors || {});
+  const o = { ...t === "dark" ? a : d, ...e }, i = {
+    palette: {
+      mode: t,
+      background: {
+        default: o.background,
+        paper: o.paper
+      },
+      text: {
+        primary: o.text,
+        secondary: o.textSecondary
+      },
+      divider: o.divider
+    },
+    components: {
+      MuiPaper: {
+        styleOverrides: {
+          root: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiPopover: {
+        styleOverrides: {
+          paper: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiDialog: {
+        styleOverrides: {
+          paper: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiList: {
+        styleOverrides: {
+          root: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiListItem: {
+        styleOverrides: {
+          root: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiDivider: {
+        styleOverrides: {
+          root: {
+            borderColor: o.divider
+          }
+        }
+      }
+    }
+  };
+  return c(i);
+}
+function f(r) {
+  const e = r.palette.mode === "dark" ? a : d;
+  return {
+    background: r.palette.background.default || e.background,
+    paper: r.palette.background.paper || e.paper,
+    text: r.palette.text.primary || e.text,
+    textSecondary: r.palette.text.secondary || e.textSecondary,
+    border: e.border,
+    icon: e.icon,
+    divider: r.palette.divider || e.divider
+  };
+}
+export {
+  n as createNotificationAPITheme,
+  f as getThemeColors
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "1.7.0",
+  "version": "1.8.0",
   "type": "module",
   "overrides": {
     "esbuild": "^0.25.0",