@quanticjs/notification-ui 8.1.0 → 9.0.0

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.
Files changed (5) hide show
  1. package/dist/index.cjs +10 -10
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +10 -10
  4. package/dist/index.js.map +1 -1
  5. package/package.json +4 -4
package/dist/index.cjs CHANGED
@@ -432,7 +432,7 @@ function NotificationBell({
432
432
  "span",
433
433
  {
434
434
  "aria-hidden": "true",
435
- className: "absolute -end-0.5 -top-0.5 inline-flex min-w-5 items-center justify-center rounded-full bg-destructive px-1.5 text-xs font-semibold text-destructive-foreground",
435
+ className: "absolute -end-0.5 -top-0.5 inline-flex min-w-5 items-center justify-center rounded-full bg-coral px-1.5 text-xs font-semibold text-coral-foreground ring-2 ring-background",
436
436
  children: count > 99 ? "99+" : count
437
437
  }
438
438
  )
@@ -520,7 +520,7 @@ function InboxRow({
520
520
  ),
521
521
  children: [
522
522
  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
523
- !item.isRead && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", className: "h-2 w-2 rounded-full bg-primary" }),
523
+ !item.isRead && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", className: "h-2 w-2 rounded-full bg-coral" }),
524
524
  item.title
525
525
  ] }),
526
526
  item.body && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs text-muted-foreground", children: item.body })
@@ -602,7 +602,7 @@ function NotificationCenter({
602
602
  "span",
603
603
  {
604
604
  "aria-hidden": true,
605
- className: "absolute -end-0.5 -top-0.5 inline-flex min-w-5 items-center justify-center rounded-full bg-destructive px-1.5 text-xs font-semibold text-destructive-foreground",
605
+ className: "absolute -end-0.5 -top-0.5 inline-flex min-w-5 items-center justify-center rounded-full bg-coral px-1.5 text-xs font-semibold text-coral-foreground ring-2 ring-background",
606
606
  children: badge
607
607
  }
608
608
  )
@@ -724,14 +724,14 @@ var import_recharts = require("recharts");
724
724
  var import_jsx_runtime8 = require("react/jsx-runtime");
725
725
  function TrendChart({ data, className }) {
726
726
  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: (0, import_react_ui7.cn)("h-72 w-full", className), role: "img", "aria-label": "Delivery trend over time", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_recharts.LineChart, { data, margin: { top: 8, right: 16, bottom: 8, left: 0 }, children: [
727
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "hsl(var(--border))" }),
728
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.XAxis, { dataKey: "day", stroke: "hsl(var(--muted-foreground))", fontSize: 12 }),
729
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.YAxis, { stroke: "hsl(var(--muted-foreground))", fontSize: 12, allowDecimals: false }),
727
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border)" }),
728
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.XAxis, { dataKey: "day", stroke: "var(--muted-foreground)", fontSize: 12 }),
729
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.YAxis, { stroke: "var(--muted-foreground)", fontSize: 12, allowDecimals: false }),
730
730
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Tooltip, {}),
731
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Line, { type: "monotone", dataKey: "sends", stroke: "hsl(var(--primary))", dot: false }),
732
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Line, { type: "monotone", dataKey: "delivered", stroke: "hsl(var(--chart-2, var(--primary)))", dot: false }),
733
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Line, { type: "monotone", dataKey: "opened", stroke: "hsl(var(--chart-3, var(--primary)))", dot: false }),
734
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Line, { type: "monotone", dataKey: "clicked", stroke: "hsl(var(--chart-4, var(--primary)))", dot: false })
731
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Line, { type: "monotone", dataKey: "sends", stroke: "var(--primary)", dot: false }),
732
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Line, { type: "monotone", dataKey: "delivered", stroke: "var(--chart-2, var(--primary))", dot: false }),
733
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Line, { type: "monotone", dataKey: "opened", stroke: "var(--chart-3, var(--primary))", dot: false }),
734
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_recharts.Line, { type: "monotone", dataKey: "clicked", stroke: "var(--chart-4, var(--primary))", dot: false })
735
735
  ] }) }) });
736
736
  }
737
737