@vector-im/compound-design-tokens 1.8.0 → 1.9.0

package/assets/web/icons/mark-threads-as-read.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function MarkThreadsAsReadIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M4 5a1 1 0 0 0 0 2h16a1 1 0 1 0 0-2H4Zm0 5a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2H4Zm-1 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm18.707-.293a1 1 0 0 0-1.414-1.414L17 17.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4Z"
+    })
+  });
+}
+;
+MarkThreadsAsReadIcon.displayName = "MarkThreadsAsReadIcon";
+module.exports = React.forwardRef(MarkThreadsAsReadIcon);

package/assets/web/icons/mark-threads-as-read.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * mark-threads-as-read.svg
+ */
+declare const MarkThreadsAsReadIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default MarkThreadsAsReadIcon;

package/assets/web/icons/mark-threads-as-read.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function MarkThreadsAsReadIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M4 5a1 1 0 0 0 0 2h16a1 1 0 1 0 0-2H4Zm0 5a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2H4Zm-1 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm18.707-.293a1 1 0 0 0-1.414-1.414L17 17.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4Z"
+    })
+  });
+}
+;
+MarkThreadsAsReadIcon.displayName = "MarkThreadsAsReadIcon";
+export default forwardRef(MarkThreadsAsReadIcon);

package/assets/web/js/cpdDark.d.ts

@@ -167,6 +167,7 @@ export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
 export const cpdIconMarkAsRead : string;
 export const cpdIconMarkAsUnread : string;
+export const cpdIconMarkThreadsAsRead : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;

package/assets/web/js/cpdDark.js

@@ -31,8 +31,8 @@ export const cpdBorderWidth1 = "1px";
 export const cpdBorderWidth2 = "2px";
 export const cpdBorderWidth4 = "4px";
 export const cpdBorderWidth0_5 = "0.5px";
-export const cpdFontFamilySans = "Inter";
-export const cpdFontFamilyMono = "Inconsolata";
+export const cpdFontFamilySans = "Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontFamilyMono = "Inconsolata, ui-monospace, monospace";
 export const cpdFontWeightRegular = "400";
 export const cpdFontWeightMedium = "500";
 export const cpdFontWeightSemibold = "600";
@@ -56,27 +56,27 @@ export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
 export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
 export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
 export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
-export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter";
-export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter";
-export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter";
-export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter";
-export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter";
-export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter";
-export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter";
-export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter";
-export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter";
-export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter";
-export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter";
-export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter";
-export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter";
-export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter";
-export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter";
-export const cpdFontHeadingMdRegular = "400 1.5rem/1.25 Inter";
-export const cpdFontHeadingMdSemibold = "600 1.5rem/1.25 Inter";
-export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter";
-export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter";
-export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter";
-export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter";
+export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingMdRegular = "400 1.5rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingMdSemibold = "600 1.5rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
 export const cpdIconAdmin = "icons/admin.svg";
 export const cpdIconArrowDown = "icons/arrow-down.svg";
 export const cpdIconArrowLeft = "icons/arrow-left.svg";
@@ -167,6 +167,7 @@ export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
 export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
 export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
+export const cpdIconMarkThreadsAsRead = "icons/mark-threads-as-read.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";

package/assets/web/js/cpdDarkHc.d.ts

@@ -167,6 +167,7 @@ export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
 export const cpdIconMarkAsRead : string;
 export const cpdIconMarkAsUnread : string;
+export const cpdIconMarkThreadsAsRead : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;

package/assets/web/js/cpdDarkHc.js

@@ -31,8 +31,8 @@ export const cpdBorderWidth1 = "1px";
 export const cpdBorderWidth2 = "2px";
 export const cpdBorderWidth4 = "4px";
 export const cpdBorderWidth0_5 = "0.5px";
-export const cpdFontFamilySans = "Inter";
-export const cpdFontFamilyMono = "Inconsolata";
+export const cpdFontFamilySans = "Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontFamilyMono = "Inconsolata, ui-monospace, monospace";
 export const cpdFontWeightRegular = "400";
 export const cpdFontWeightMedium = "500";
 export const cpdFontWeightSemibold = "600";
@@ -56,27 +56,27 @@ export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
 export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
 export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
 export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
-export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter";
-export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter";
-export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter";
-export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter";
-export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter";
-export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter";
-export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter";
-export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter";
-export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter";
-export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter";
-export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter";
-export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter";
-export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter";
-export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter";
-export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter";
-export const cpdFontHeadingMdRegular = "400 1.5rem/1.25 Inter";
-export const cpdFontHeadingMdSemibold = "600 1.5rem/1.25 Inter";
-export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter";
-export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter";
-export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter";
-export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter";
+export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingMdRegular = "400 1.5rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingMdSemibold = "600 1.5rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
 export const cpdIconAdmin = "icons/admin.svg";
 export const cpdIconArrowDown = "icons/arrow-down.svg";
 export const cpdIconArrowLeft = "icons/arrow-left.svg";
@@ -167,6 +167,7 @@ export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
 export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
 export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
+export const cpdIconMarkThreadsAsRead = "icons/mark-threads-as-read.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";

package/assets/web/js/cpdLight.d.ts

@@ -167,6 +167,7 @@ export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
 export const cpdIconMarkAsRead : string;
 export const cpdIconMarkAsUnread : string;
+export const cpdIconMarkThreadsAsRead : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;

package/assets/web/js/cpdLight.js

@@ -31,8 +31,8 @@ export const cpdBorderWidth1 = "1px";
 export const cpdBorderWidth2 = "2px";
 export const cpdBorderWidth4 = "4px";
 export const cpdBorderWidth0_5 = "0.5px";
-export const cpdFontFamilySans = "Inter";
-export const cpdFontFamilyMono = "Inconsolata";
+export const cpdFontFamilySans = "Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontFamilyMono = "Inconsolata, ui-monospace, monospace";
 export const cpdFontWeightRegular = "400";
 export const cpdFontWeightMedium = "500";
 export const cpdFontWeightSemibold = "600";
@@ -56,27 +56,27 @@ export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
 export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
 export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
 export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
-export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter";
-export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter";
-export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter";
-export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter";
-export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter";
-export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter";
-export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter";
-export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter";
-export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter";
-export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter";
-export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter";
-export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter";
-export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter";
-export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter";
-export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter";
-export const cpdFontHeadingMdRegular = "400 1.5rem/1.25 Inter";
-export const cpdFontHeadingMdSemibold = "600 1.5rem/1.25 Inter";
-export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter";
-export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter";
-export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter";
-export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter";
+export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingMdRegular = "400 1.5rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingMdSemibold = "600 1.5rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
 export const cpdIconAdmin = "icons/admin.svg";
 export const cpdIconArrowDown = "icons/arrow-down.svg";
 export const cpdIconArrowLeft = "icons/arrow-left.svg";
@@ -167,6 +167,7 @@ export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
 export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
 export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
+export const cpdIconMarkThreadsAsRead = "icons/mark-threads-as-read.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";

package/assets/web/js/cpdLightHc.d.ts

@@ -167,6 +167,7 @@ export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
 export const cpdIconMarkAsRead : string;
 export const cpdIconMarkAsUnread : string;
+export const cpdIconMarkThreadsAsRead : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;

package/assets/web/js/cpdLightHc.js

@@ -31,8 +31,8 @@ export const cpdBorderWidth1 = "1px";
 export const cpdBorderWidth2 = "2px";
 export const cpdBorderWidth4 = "4px";
 export const cpdBorderWidth0_5 = "0.5px";
-export const cpdFontFamilySans = "Inter";
-export const cpdFontFamilyMono = "Inconsolata";
+export const cpdFontFamilySans = "Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontFamilyMono = "Inconsolata, ui-monospace, monospace";
 export const cpdFontWeightRegular = "400";
 export const cpdFontWeightMedium = "500";
 export const cpdFontWeightSemibold = "600";
@@ -56,27 +56,27 @@ export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
 export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
 export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
 export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
-export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter";
-export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter";
-export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter";
-export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter";
-export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter";
-export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter";
-export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter";
-export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter";
-export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter";
-export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter";
-export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter";
-export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter";
-export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter";
-export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter";
-export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter";
-export const cpdFontHeadingMdRegular = "400 1.5rem/1.25 Inter";
-export const cpdFontHeadingMdSemibold = "600 1.5rem/1.25 Inter";
-export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter";
-export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter";
-export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter";
-export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter";
+export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingMdRegular = "400 1.5rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingMdSemibold = "600 1.5rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
+export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter, \"Inter Fallback: Helvetica Neue\", \"Inter Fallback: Segoe UI\", \"Inter Fallback: Roboto\", \"Inter Fallback: Ubuntu\", \"Inter Fallback: Fira Sans\", \"Inter Fallback: Noto Sans\", \"Inter Fallback: Arial\", \"Helvetica Neue\", \"Segoe UI\", Roboto, Ubuntu, \"Fira Sans\", \"Noto Sans\", Arial, sans-serif";
 export const cpdIconAdmin = "icons/admin.svg";
 export const cpdIconArrowDown = "icons/arrow-down.svg";
 export const cpdIconArrowLeft = "icons/arrow-left.svg";
@@ -167,6 +167,7 @@ export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
 export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
 export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
+export const cpdIconMarkThreadsAsRead = "icons/mark-threads-as-read.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";

package/icons/$icons.json

@@ -1 +1 @@
-{"icon":{"admin":{"value":"icons/admin.svg","type":"icon"},"arrow-down":{"value":"icons/arrow-down.svg","type":"icon"},"arrow-left":{"value":"icons/arrow-left.svg","type":"icon"},"arrow-right":{"value":"icons/arrow-right.svg","type":"icon"},"arrow-up-right":{"value":"icons/arrow-up-right.svg","type":"icon"},"arrow-up":{"value":"icons/arrow-up.svg","type":"icon"},"attachment":{"value":"icons/attachment.svg","type":"icon"},"block":{"value":"icons/block.svg","type":"icon"},"bold":{"value":"icons/bold.svg","type":"icon"},"calendar":{"value":"icons/calendar.svg","type":"icon"},"chart":{"value":"icons/chart.svg","type":"icon"},"chat-new":{"value":"icons/chat-new.svg","type":"icon"},"chat-problem":{"value":"icons/chat-problem.svg","type":"icon"},"chat-solid":{"value":"icons/chat-solid.svg","type":"icon"},"chat":{"value":"icons/chat.svg","type":"icon"},"check-circle-solid":{"value":"icons/check-circle-solid.svg","type":"icon"},"check-circle":{"value":"icons/check-circle.svg","type":"icon"},"check":{"value":"icons/check.svg","type":"icon"},"chevron-down":{"value":"icons/chevron-down.svg","type":"icon"},"chevron-left":{"value":"icons/chevron-left.svg","type":"icon"},"chevron-right":{"value":"icons/chevron-right.svg","type":"icon"},"chevron-up-down":{"value":"icons/chevron-up-down.svg","type":"icon"},"chevron-up":{"value":"icons/chevron-up.svg","type":"icon"},"circle":{"value":"icons/circle.svg","type":"icon"},"close":{"value":"icons/close.svg","type":"icon"},"cloud-solid":{"value":"icons/cloud-solid.svg","type":"icon"},"cloud":{"value":"icons/cloud.svg","type":"icon"},"code":{"value":"icons/code.svg","type":"icon"},"collapse":{"value":"icons/collapse.svg","type":"icon"},"company":{"value":"icons/company.svg","type":"icon"},"compose":{"value":"icons/compose.svg","type":"icon"},"computer":{"value":"icons/computer.svg","type":"icon"},"copy":{"value":"icons/copy.svg","type":"icon"},"dark-mode":{"value":"icons/dark-mode.svg","type":"icon"},"delete":{"value":"icons/delete.svg","type":"icon"},"devices":{"value":"icons/devices.svg","type":"icon"},"document":{"value":"icons/document.svg","type":"icon"},"download":{"value":"icons/download.svg","type":"icon"},"drag-grid":{"value":"icons/drag-grid.svg","type":"icon"},"drag-list":{"value":"icons/drag-list.svg","type":"icon"},"edit-solid":{"value":"icons/edit-solid.svg","type":"icon"},"edit":{"value":"icons/edit.svg","type":"icon"},"email-solid":{"value":"icons/email-solid.svg","type":"icon"},"email":{"value":"icons/email.svg","type":"icon"},"end-call":{"value":"icons/end-call.svg","type":"icon"},"error":{"value":"icons/error.svg","type":"icon"},"expand":{"value":"icons/expand.svg","type":"icon"},"export-archive":{"value":"icons/export-archive.svg","type":"icon"},"extensions-solid":{"value":"icons/extensions-solid.svg","type":"icon"},"extensions":{"value":"icons/extensions.svg","type":"icon"},"favourite-solid":{"value":"icons/favourite-solid.svg","type":"icon"},"favourite":{"value":"icons/favourite.svg","type":"icon"},"file-error":{"value":"icons/file-error.svg","type":"icon"},"files":{"value":"icons/files.svg","type":"icon"},"filter":{"value":"icons/filter.svg","type":"icon"},"forward":{"value":"icons/forward.svg","type":"icon"},"grid":{"value":"icons/grid.svg","type":"icon"},"help-solid":{"value":"icons/help-solid.svg","type":"icon"},"help":{"value":"icons/help.svg","type":"icon"},"history":{"value":"icons/history.svg","type":"icon"},"home-solid":{"value":"icons/home-solid.svg","type":"icon"},"home":{"value":"icons/home.svg","type":"icon"},"host":{"value":"icons/host.svg","type":"icon"},"image-error":{"value":"icons/image-error.svg","type":"icon"},"image":{"value":"icons/image.svg","type":"icon"},"indent-decrease":{"value":"icons/indent-decrease.svg","type":"icon"},"indent-increase":{"value":"icons/indent-increase.svg","type":"icon"},"info-solid":{"value":"icons/info-solid.svg","type":"icon"},"info":{"value":"icons/info.svg","type":"icon"},"inline-code":{"value":"icons/inline-code.svg","type":"icon"},"italic":{"value":"icons/italic.svg","type":"icon"},"key-off-solid":{"value":"icons/key-off-solid.svg","type":"icon"},"key-off":{"value":"icons/key-off.svg","type":"icon"},"key-solid":{"value":"icons/key-solid.svg","type":"icon"},"key":{"value":"icons/key.svg","type":"icon"},"keyboard":{"value":"icons/keyboard.svg","type":"icon"},"labs":{"value":"icons/labs.svg","type":"icon"},"leave":{"value":"icons/leave.svg","type":"icon"},"link":{"value":"icons/link.svg","type":"icon"},"list-bulleted":{"value":"icons/list-bulleted.svg","type":"icon"},"list-numbered":{"value":"icons/list-numbered.svg","type":"icon"},"location-navigator-centred":{"value":"icons/location-navigator-centred.svg","type":"icon"},"location-navigator":{"value":"icons/location-navigator.svg","type":"icon"},"location-pin-solid":{"value":"icons/location-pin-solid.svg","type":"icon"},"location-pin":{"value":"icons/location-pin.svg","type":"icon"},"lock-off":{"value":"icons/lock-off.svg","type":"icon"},"lock-solid":{"value":"icons/lock-solid.svg","type":"icon"},"lock":{"value":"icons/lock.svg","type":"icon"},"mark-as-read":{"value":"icons/mark-as-read.svg","type":"icon"},"mark-as-unread":{"value":"icons/mark-as-unread.svg","type":"icon"},"marker-read-receipts":{"value":"icons/marker-read-receipts.svg","type":"icon"},"mention":{"value":"icons/mention.svg","type":"icon"},"menu":{"value":"icons/menu.svg","type":"icon"},"mic-off-solid":{"value":"icons/mic-off-solid.svg","type":"icon"},"mic-off":{"value":"icons/mic-off.svg","type":"icon"},"mic-on-solid":{"value":"icons/mic-on-solid.svg","type":"icon"},"mic-on":{"value":"icons/mic-on.svg","type":"icon"},"minus":{"value":"icons/minus.svg","type":"icon"},"mobile":{"value":"icons/mobile.svg","type":"icon"},"notifications-off-solid":{"value":"icons/notifications-off-solid.svg","type":"icon"},"notifications-off":{"value":"icons/notifications-off.svg","type":"icon"},"notifications-solid":{"value":"icons/notifications-solid.svg","type":"icon"},"notifications":{"value":"icons/notifications.svg","type":"icon"},"offline":{"value":"icons/offline.svg","type":"icon"},"overflow-horizontal":{"value":"icons/overflow-horizontal.svg","type":"icon"},"overflow-vertical":{"value":"icons/overflow-vertical.svg","type":"icon"},"pause-solid":{"value":"icons/pause-solid.svg","type":"icon"},"pause":{"value":"icons/pause.svg","type":"icon"},"pin-solid":{"value":"icons/pin-solid.svg","type":"icon"},"pin":{"value":"icons/pin.svg","type":"icon"},"play-solid":{"value":"icons/play-solid.svg","type":"icon"},"play":{"value":"icons/play.svg","type":"icon"},"plus":{"value":"icons/plus.svg","type":"icon"},"polls-end":{"value":"icons/polls-end.svg","type":"icon"},"polls":{"value":"icons/polls.svg","type":"icon"},"pop-out":{"value":"icons/pop-out.svg","type":"icon"},"preferences":{"value":"icons/preferences.svg","type":"icon"},"public":{"value":"icons/public.svg","type":"icon"},"qr-code":{"value":"icons/qr-code.svg","type":"icon"},"quote":{"value":"icons/quote.svg","type":"icon"},"reaction-add":{"value":"icons/reaction-add.svg","type":"icon"},"reaction":{"value":"icons/reaction.svg","type":"icon"},"reply":{"value":"icons/reply.svg","type":"icon"},"restart":{"value":"icons/restart.svg","type":"icon"},"room":{"value":"icons/room.svg","type":"icon"},"search":{"value":"icons/search.svg","type":"icon"},"send-solid":{"value":"icons/send-solid.svg","type":"icon"},"send":{"value":"icons/send.svg","type":"icon"},"settings-solid":{"value":"icons/settings-solid.svg","type":"icon"},"settings":{"value":"icons/settings.svg","type":"icon"},"share-android":{"value":"icons/share-android.svg","type":"icon"},"share-ios":{"value":"icons/share-ios.svg","type":"icon"},"share-screen-solid":{"value":"icons/share-screen-solid.svg","type":"icon"},"share-screen":{"value":"icons/share-screen.svg","type":"icon"},"share":{"value":"icons/share.svg","type":"icon"},"sidebar":{"value":"icons/sidebar.svg","type":"icon"},"sign-out":{"value":"icons/sign-out.svg","type":"icon"},"spinner":{"value":"icons/spinner.svg","type":"icon"},"spotlight":{"value":"icons/spotlight.svg","type":"icon"},"strikethrough":{"value":"icons/strikethrough.svg","type":"icon"},"switch-camera-solid":{"value":"icons/switch-camera-solid.svg","type":"icon"},"take-photo-solid":{"value":"icons/take-photo-solid.svg","type":"icon"},"take-photo":{"value":"icons/take-photo.svg","type":"icon"},"text-formatting":{"value":"icons/text-formatting.svg","type":"icon"},"threads-solid":{"value":"icons/threads-solid.svg","type":"icon"},"threads":{"value":"icons/threads.svg","type":"icon"},"time":{"value":"icons/time.svg","type":"icon"},"underline":{"value":"icons/underline.svg","type":"icon"},"unknown-solid":{"value":"icons/unknown-solid.svg","type":"icon"},"unknown":{"value":"icons/unknown.svg","type":"icon"},"unpin":{"value":"icons/unpin.svg","type":"icon"},"user-add-solid":{"value":"icons/user-add-solid.svg","type":"icon"},"user-add":{"value":"icons/user-add.svg","type":"icon"},"user-profile-solid":{"value":"icons/user-profile-solid.svg","type":"icon"},"user-profile":{"value":"icons/user-profile.svg","type":"icon"},"user-solid":{"value":"icons/user-solid.svg","type":"icon"},"user":{"value":"icons/user.svg","type":"icon"},"verified":{"value":"icons/verified.svg","type":"icon"},"video-call-declined-solid":{"value":"icons/video-call-declined-solid.svg","type":"icon"},"video-call-missed-solid":{"value":"icons/video-call-missed-solid.svg","type":"icon"},"video-call-off-solid":{"value":"icons/video-call-off-solid.svg","type":"icon"},"video-call-off":{"value":"icons/video-call-off.svg","type":"icon"},"video-call-solid":{"value":"icons/video-call-solid.svg","type":"icon"},"video-call":{"value":"icons/video-call.svg","type":"icon"},"visibility-off":{"value":"icons/visibility-off.svg","type":"icon"},"visibility-on":{"value":"icons/visibility-on.svg","type":"icon"},"voice-call":{"value":"icons/voice-call.svg","type":"icon"},"volume-off-solid":{"value":"icons/volume-off-solid.svg","type":"icon"},"volume-off":{"value":"icons/volume-off.svg","type":"icon"},"volume-on-solid":{"value":"icons/volume-on-solid.svg","type":"icon"},"volume-on":{"value":"icons/volume-on.svg","type":"icon"},"warning":{"value":"icons/warning.svg","type":"icon"},"web-browser":{"value":"icons/web-browser.svg","type":"icon"}}}
+{"icon":{"admin":{"value":"icons/admin.svg","type":"icon"},"arrow-down":{"value":"icons/arrow-down.svg","type":"icon"},"arrow-left":{"value":"icons/arrow-left.svg","type":"icon"},"arrow-right":{"value":"icons/arrow-right.svg","type":"icon"},"arrow-up-right":{"value":"icons/arrow-up-right.svg","type":"icon"},"arrow-up":{"value":"icons/arrow-up.svg","type":"icon"},"attachment":{"value":"icons/attachment.svg","type":"icon"},"block":{"value":"icons/block.svg","type":"icon"},"bold":{"value":"icons/bold.svg","type":"icon"},"calendar":{"value":"icons/calendar.svg","type":"icon"},"chart":{"value":"icons/chart.svg","type":"icon"},"chat-new":{"value":"icons/chat-new.svg","type":"icon"},"chat-problem":{"value":"icons/chat-problem.svg","type":"icon"},"chat-solid":{"value":"icons/chat-solid.svg","type":"icon"},"chat":{"value":"icons/chat.svg","type":"icon"},"check-circle-solid":{"value":"icons/check-circle-solid.svg","type":"icon"},"check-circle":{"value":"icons/check-circle.svg","type":"icon"},"check":{"value":"icons/check.svg","type":"icon"},"chevron-down":{"value":"icons/chevron-down.svg","type":"icon"},"chevron-left":{"value":"icons/chevron-left.svg","type":"icon"},"chevron-right":{"value":"icons/chevron-right.svg","type":"icon"},"chevron-up-down":{"value":"icons/chevron-up-down.svg","type":"icon"},"chevron-up":{"value":"icons/chevron-up.svg","type":"icon"},"circle":{"value":"icons/circle.svg","type":"icon"},"close":{"value":"icons/close.svg","type":"icon"},"cloud-solid":{"value":"icons/cloud-solid.svg","type":"icon"},"cloud":{"value":"icons/cloud.svg","type":"icon"},"code":{"value":"icons/code.svg","type":"icon"},"collapse":{"value":"icons/collapse.svg","type":"icon"},"company":{"value":"icons/company.svg","type":"icon"},"compose":{"value":"icons/compose.svg","type":"icon"},"computer":{"value":"icons/computer.svg","type":"icon"},"copy":{"value":"icons/copy.svg","type":"icon"},"dark-mode":{"value":"icons/dark-mode.svg","type":"icon"},"delete":{"value":"icons/delete.svg","type":"icon"},"devices":{"value":"icons/devices.svg","type":"icon"},"document":{"value":"icons/document.svg","type":"icon"},"download":{"value":"icons/download.svg","type":"icon"},"drag-grid":{"value":"icons/drag-grid.svg","type":"icon"},"drag-list":{"value":"icons/drag-list.svg","type":"icon"},"edit-solid":{"value":"icons/edit-solid.svg","type":"icon"},"edit":{"value":"icons/edit.svg","type":"icon"},"email-solid":{"value":"icons/email-solid.svg","type":"icon"},"email":{"value":"icons/email.svg","type":"icon"},"end-call":{"value":"icons/end-call.svg","type":"icon"},"error":{"value":"icons/error.svg","type":"icon"},"expand":{"value":"icons/expand.svg","type":"icon"},"export-archive":{"value":"icons/export-archive.svg","type":"icon"},"extensions-solid":{"value":"icons/extensions-solid.svg","type":"icon"},"extensions":{"value":"icons/extensions.svg","type":"icon"},"favourite-solid":{"value":"icons/favourite-solid.svg","type":"icon"},"favourite":{"value":"icons/favourite.svg","type":"icon"},"file-error":{"value":"icons/file-error.svg","type":"icon"},"files":{"value":"icons/files.svg","type":"icon"},"filter":{"value":"icons/filter.svg","type":"icon"},"forward":{"value":"icons/forward.svg","type":"icon"},"grid":{"value":"icons/grid.svg","type":"icon"},"help-solid":{"value":"icons/help-solid.svg","type":"icon"},"help":{"value":"icons/help.svg","type":"icon"},"history":{"value":"icons/history.svg","type":"icon"},"home-solid":{"value":"icons/home-solid.svg","type":"icon"},"home":{"value":"icons/home.svg","type":"icon"},"host":{"value":"icons/host.svg","type":"icon"},"image-error":{"value":"icons/image-error.svg","type":"icon"},"image":{"value":"icons/image.svg","type":"icon"},"indent-decrease":{"value":"icons/indent-decrease.svg","type":"icon"},"indent-increase":{"value":"icons/indent-increase.svg","type":"icon"},"info-solid":{"value":"icons/info-solid.svg","type":"icon"},"info":{"value":"icons/info.svg","type":"icon"},"inline-code":{"value":"icons/inline-code.svg","type":"icon"},"italic":{"value":"icons/italic.svg","type":"icon"},"key-off-solid":{"value":"icons/key-off-solid.svg","type":"icon"},"key-off":{"value":"icons/key-off.svg","type":"icon"},"key-solid":{"value":"icons/key-solid.svg","type":"icon"},"key":{"value":"icons/key.svg","type":"icon"},"keyboard":{"value":"icons/keyboard.svg","type":"icon"},"labs":{"value":"icons/labs.svg","type":"icon"},"leave":{"value":"icons/leave.svg","type":"icon"},"link":{"value":"icons/link.svg","type":"icon"},"list-bulleted":{"value":"icons/list-bulleted.svg","type":"icon"},"list-numbered":{"value":"icons/list-numbered.svg","type":"icon"},"location-navigator-centred":{"value":"icons/location-navigator-centred.svg","type":"icon"},"location-navigator":{"value":"icons/location-navigator.svg","type":"icon"},"location-pin-solid":{"value":"icons/location-pin-solid.svg","type":"icon"},"location-pin":{"value":"icons/location-pin.svg","type":"icon"},"lock-off":{"value":"icons/lock-off.svg","type":"icon"},"lock-solid":{"value":"icons/lock-solid.svg","type":"icon"},"lock":{"value":"icons/lock.svg","type":"icon"},"mark-as-read":{"value":"icons/mark-as-read.svg","type":"icon"},"mark-as-unread":{"value":"icons/mark-as-unread.svg","type":"icon"},"mark-threads-as-read":{"value":"icons/mark-threads-as-read.svg","type":"icon"},"marker-read-receipts":{"value":"icons/marker-read-receipts.svg","type":"icon"},"mention":{"value":"icons/mention.svg","type":"icon"},"menu":{"value":"icons/menu.svg","type":"icon"},"mic-off-solid":{"value":"icons/mic-off-solid.svg","type":"icon"},"mic-off":{"value":"icons/mic-off.svg","type":"icon"},"mic-on-solid":{"value":"icons/mic-on-solid.svg","type":"icon"},"mic-on":{"value":"icons/mic-on.svg","type":"icon"},"minus":{"value":"icons/minus.svg","type":"icon"},"mobile":{"value":"icons/mobile.svg","type":"icon"},"notifications-off-solid":{"value":"icons/notifications-off-solid.svg","type":"icon"},"notifications-off":{"value":"icons/notifications-off.svg","type":"icon"},"notifications-solid":{"value":"icons/notifications-solid.svg","type":"icon"},"notifications":{"value":"icons/notifications.svg","type":"icon"},"offline":{"value":"icons/offline.svg","type":"icon"},"overflow-horizontal":{"value":"icons/overflow-horizontal.svg","type":"icon"},"overflow-vertical":{"value":"icons/overflow-vertical.svg","type":"icon"},"pause-solid":{"value":"icons/pause-solid.svg","type":"icon"},"pause":{"value":"icons/pause.svg","type":"icon"},"pin-solid":{"value":"icons/pin-solid.svg","type":"icon"},"pin":{"value":"icons/pin.svg","type":"icon"},"play-solid":{"value":"icons/play-solid.svg","type":"icon"},"play":{"value":"icons/play.svg","type":"icon"},"plus":{"value":"icons/plus.svg","type":"icon"},"polls-end":{"value":"icons/polls-end.svg","type":"icon"},"polls":{"value":"icons/polls.svg","type":"icon"},"pop-out":{"value":"icons/pop-out.svg","type":"icon"},"preferences":{"value":"icons/preferences.svg","type":"icon"},"public":{"value":"icons/public.svg","type":"icon"},"qr-code":{"value":"icons/qr-code.svg","type":"icon"},"quote":{"value":"icons/quote.svg","type":"icon"},"reaction-add":{"value":"icons/reaction-add.svg","type":"icon"},"reaction":{"value":"icons/reaction.svg","type":"icon"},"reply":{"value":"icons/reply.svg","type":"icon"},"restart":{"value":"icons/restart.svg","type":"icon"},"room":{"value":"icons/room.svg","type":"icon"},"search":{"value":"icons/search.svg","type":"icon"},"send-solid":{"value":"icons/send-solid.svg","type":"icon"},"send":{"value":"icons/send.svg","type":"icon"},"settings-solid":{"value":"icons/settings-solid.svg","type":"icon"},"settings":{"value":"icons/settings.svg","type":"icon"},"share-android":{"value":"icons/share-android.svg","type":"icon"},"share-ios":{"value":"icons/share-ios.svg","type":"icon"},"share-screen-solid":{"value":"icons/share-screen-solid.svg","type":"icon"},"share-screen":{"value":"icons/share-screen.svg","type":"icon"},"share":{"value":"icons/share.svg","type":"icon"},"sidebar":{"value":"icons/sidebar.svg","type":"icon"},"sign-out":{"value":"icons/sign-out.svg","type":"icon"},"spinner":{"value":"icons/spinner.svg","type":"icon"},"spotlight":{"value":"icons/spotlight.svg","type":"icon"},"strikethrough":{"value":"icons/strikethrough.svg","type":"icon"},"switch-camera-solid":{"value":"icons/switch-camera-solid.svg","type":"icon"},"take-photo-solid":{"value":"icons/take-photo-solid.svg","type":"icon"},"take-photo":{"value":"icons/take-photo.svg","type":"icon"},"text-formatting":{"value":"icons/text-formatting.svg","type":"icon"},"threads-solid":{"value":"icons/threads-solid.svg","type":"icon"},"threads":{"value":"icons/threads.svg","type":"icon"},"time":{"value":"icons/time.svg","type":"icon"},"underline":{"value":"icons/underline.svg","type":"icon"},"unknown-solid":{"value":"icons/unknown-solid.svg","type":"icon"},"unknown":{"value":"icons/unknown.svg","type":"icon"},"unpin":{"value":"icons/unpin.svg","type":"icon"},"user-add-solid":{"value":"icons/user-add-solid.svg","type":"icon"},"user-add":{"value":"icons/user-add.svg","type":"icon"},"user-profile-solid":{"value":"icons/user-profile-solid.svg","type":"icon"},"user-profile":{"value":"icons/user-profile.svg","type":"icon"},"user-solid":{"value":"icons/user-solid.svg","type":"icon"},"user":{"value":"icons/user.svg","type":"icon"},"verified":{"value":"icons/verified.svg","type":"icon"},"video-call-declined-solid":{"value":"icons/video-call-declined-solid.svg","type":"icon"},"video-call-missed-solid":{"value":"icons/video-call-missed-solid.svg","type":"icon"},"video-call-off-solid":{"value":"icons/video-call-off-solid.svg","type":"icon"},"video-call-off":{"value":"icons/video-call-off.svg","type":"icon"},"video-call-solid":{"value":"icons/video-call-solid.svg","type":"icon"},"video-call":{"value":"icons/video-call.svg","type":"icon"},"visibility-off":{"value":"icons/visibility-off.svg","type":"icon"},"visibility-on":{"value":"icons/visibility-on.svg","type":"icon"},"voice-call":{"value":"icons/voice-call.svg","type":"icon"},"volume-off-solid":{"value":"icons/volume-off-solid.svg","type":"icon"},"volume-off":{"value":"icons/volume-off.svg","type":"icon"},"volume-on-solid":{"value":"icons/volume-on-solid.svg","type":"icon"},"volume-on":{"value":"icons/volume-on.svg","type":"icon"},"warning":{"value":"icons/warning.svg","type":"icon"},"web-browser":{"value":"icons/web-browser.svg","type":"icon"}}}

package/icons/mark-threads-as-read.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
+  <path d="M4 5a1 1 0 0 0 0 2h16a1 1 0 1 0 0-2H4Zm0 5a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2H4Zm-1 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm18.707-.293a1 1 0 0 0-1.414-1.414L17 17.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4Z"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vector-im/compound-design-tokens",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Compound design tokens",
   "sideEffects": false,
   "scripts": {
@@ -11,16 +11,8 @@
     "check": "yarn exec biome -- check",
     "types": "yarn exec tsc -- --noEmit"
   },
-  "keywords": [
-    "compound",
-    "design tokens",
-    "style dictionary",
-    "css"
-  ],
-  "files": [
-    "./assets/web/**/*",
-    "./icons/**/*"
-  ],
+  "keywords": ["compound", "design tokens", "style dictionary", "css"],
+  "files": ["./assets/web/**/*", "./icons/**/*"],
   "main": "assets/web/js/index.js",
   "type": "module",
   "exports": {
@@ -57,6 +49,8 @@
     "@babel/plugin-transform-react-jsx": "^7.24.7",
     "@babel/types": "^7.24.7",
     "@biomejs/biome": "^1.8.3",
+    "@capsizecss/core": "^4.1.2",
+    "@capsizecss/metrics": "^3.3.0",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@tokens-studio/sd-transforms": "^1.0.0",