@vector-im/compound-web 7.8.0 → 7.9.0

package/dist/components/ActivityMarker/UnreadCounter.cjs

@@ -3,6 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const UnreadCounter_module = require("./UnreadCounter.module.css.cjs");
 function UnreadCounter({ count, ...props }) {
+  if (count === null)
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: UnreadCounter_module.default["unread-counter"] });
   return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: UnreadCounter_module.default["unread-counter"], children: count });
 }
 exports.UnreadCounter = UnreadCounter;

package/dist/components/ActivityMarker/UnreadCounter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UnreadCounter.cjs","sources":["../../../src/components/ActivityMarker/UnreadCounter.tsx"],"sourcesContent":["/*\n * Copyright 2025 New Vector Ltd\n *\n * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\n * Please see LICENSE files in the repository root for full details.\n */\n\nimport React, { HTMLProps } from \"react\";\nimport styles from \"./UnreadCounter.module.css\";\n\ninterface UnreadCounterProps extends HTMLProps<HTMLSpanElement> {\n  count: string | number;\n}\n\nexport function UnreadCounter({ count, ...props }: UnreadCounterProps) {\n  return (\n    <span {...props} className={styles[\"unread-counter\"]}>\n      {count}\n    </span>\n  );\n}\n"],"names":["jsx","styles"],"mappings":";;;;AAcO,SAAS,cAAc,EAAE,OAAO,GAAG,SAA6B;AAEnE,SAAAA,+BAAC,UAAM,GAAG,OAAO,WAAWC,qBAAO,QAAA,gBAAgB,GAChD,UACH,OAAA;AAEJ;;"}
+{"version":3,"file":"UnreadCounter.cjs","sources":["../../../src/components/ActivityMarker/UnreadCounter.tsx"],"sourcesContent":["/*\n * Copyright 2025 New Vector Ltd\n *\n * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\n * Please see LICENSE files in the repository root for full details.\n */\n\nimport React, { HTMLProps } from \"react\";\nimport styles from \"./UnreadCounter.module.css\";\n\ninterface UnreadCounterProps extends HTMLProps<HTMLDivElement> {\n  /**\n   * The number to display.\n   * If `null`, the counter will be empty.\n   */\n  count: string | number | null;\n}\n\nexport function UnreadCounter({ count, ...props }: UnreadCounterProps) {\n  if (count === null)\n    return <div {...props} className={styles[\"unread-counter\"]} />;\n\n  return (\n    <span {...props} className={styles[\"unread-counter\"]}>\n      {count}\n    </span>\n  );\n}\n"],"names":["styles","jsx"],"mappings":";;;;AAkBO,SAAS,cAAc,EAAE,OAAO,GAAG,SAA6B;AACrE,MAAI,UAAU;AACZ,0CAAQ,OAAK,EAAA,GAAG,OAAO,WAAWA,qBAAA,QAAO,gBAAgB,GAAG;AAG5D,SAAAC,+BAAC,UAAM,GAAG,OAAO,WAAWD,qBAAO,QAAA,gBAAgB,GAChD,UACH,OAAA;AAEJ;;"}

package/dist/components/ActivityMarker/UnreadCounter.d.ts

@@ -1,6 +1,10 @@
 import { HTMLProps } from 'react';
-interface UnreadCounterProps extends HTMLProps<HTMLSpanElement> {
-    count: string | number;
+interface UnreadCounterProps extends HTMLProps<HTMLDivElement> {
+    /**
+     * The number to display.
+     * If `null`, the counter will be empty.
+     */
+    count: string | number | null;
 }
 export declare function UnreadCounter({ count, ...props }: UnreadCounterProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ActivityMarker/UnreadCounter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnreadCounter.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityMarker/UnreadCounter.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,kBAAmB,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC7D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAMpE"}
+{"version":3,"file":"UnreadCounter.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityMarker/UnreadCounter.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CASpE"}

package/dist/components/ActivityMarker/UnreadCounter.js

@@ -1,6 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import styles from "./UnreadCounter.module.css.js";
 function UnreadCounter({ count, ...props }) {
+  if (count === null)
+    return /* @__PURE__ */ jsx("div", { ...props, className: styles["unread-counter"] });
   return /* @__PURE__ */ jsx("span", { ...props, className: styles["unread-counter"], children: count });
 }
 export {

package/dist/components/ActivityMarker/UnreadCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnreadCounter.js","sources":["../../../src/components/ActivityMarker/UnreadCounter.tsx"],"sourcesContent":["/*\n * Copyright 2025 New Vector Ltd\n *\n * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\n * Please see LICENSE files in the repository root for full details.\n */\n\nimport React, { HTMLProps } from \"react\";\nimport styles from \"./UnreadCounter.module.css\";\n\ninterface UnreadCounterProps extends HTMLProps<HTMLSpanElement> {\n  count: string | number;\n}\n\nexport function UnreadCounter({ count, ...props }: UnreadCounterProps) {\n  return (\n    <span {...props} className={styles[\"unread-counter\"]}>\n      {count}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;AAcO,SAAS,cAAc,EAAE,OAAO,GAAG,SAA6B;AAEnE,SAAA,oBAAC,UAAM,GAAG,OAAO,WAAW,OAAO,gBAAgB,GAChD,UACH,OAAA;AAEJ;"}
+{"version":3,"file":"UnreadCounter.js","sources":["../../../src/components/ActivityMarker/UnreadCounter.tsx"],"sourcesContent":["/*\n * Copyright 2025 New Vector Ltd\n *\n * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\n * Please see LICENSE files in the repository root for full details.\n */\n\nimport React, { HTMLProps } from \"react\";\nimport styles from \"./UnreadCounter.module.css\";\n\ninterface UnreadCounterProps extends HTMLProps<HTMLDivElement> {\n  /**\n   * The number to display.\n   * If `null`, the counter will be empty.\n   */\n  count: string | number | null;\n}\n\nexport function UnreadCounter({ count, ...props }: UnreadCounterProps) {\n  if (count === null)\n    return <div {...props} className={styles[\"unread-counter\"]} />;\n\n  return (\n    <span {...props} className={styles[\"unread-counter\"]}>\n      {count}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;AAkBO,SAAS,cAAc,EAAE,OAAO,GAAG,SAA6B;AACrE,MAAI,UAAU;AACZ,+BAAQ,OAAK,EAAA,GAAG,OAAO,WAAW,OAAO,gBAAgB,GAAG;AAG5D,SAAA,oBAAC,UAAM,GAAG,OAAO,WAAW,OAAO,gBAAgB,GAChD,UACH,OAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vector-im/compound-web",
-  "version": "7.8.0",
+  "version": "7.9.0",
   "description": "Compound components for the Web",
   "type": "module",
   "main": "./dist/index.cjs",

package/src/components/ActivityMarker/UnreadCounter.tsx

@@ -8,11 +8,18 @@
 import React, { HTMLProps } from "react";
 import styles from "./UnreadCounter.module.css";
 
-interface UnreadCounterProps extends HTMLProps<HTMLSpanElement> {
-  count: string | number;
+interface UnreadCounterProps extends HTMLProps<HTMLDivElement> {
+  /**
+   * The number to display.
+   * If `null`, the counter will be empty.
+   */
+  count: string | number | null;
 }
 
 export function UnreadCounter({ count, ...props }: UnreadCounterProps) {
+  if (count === null)
+    return <div {...props} className={styles["unread-counter"]} />;
+
   return (
     <span {...props} className={styles["unread-counter"]}>
       {count}