@candor-ui/react 1.9.1 → 2.0.0

package/dist/styles.css

@@ -241,9 +241,12 @@
  * Font: Inter when the font-inter item is installed (styles/candor-font-inter.css),
  * else the system's sans-serif. Point --cd-font at your own font to use it instead.
  *
- * Density: data-density="compact" on <html> (or any container) tightens type for
- * dense apps: 14px conversation text and 13px body and label text, with a narrower
- * thread and sidebar.
+ * Density: data-density="compact" | "spacious" on <html> (or any container); no
+ * attribute is the default. Compact tightens type for dense apps: 14px conversation
+ * text and 13px body and label text, with a narrower thread and sidebar. Spacious is
+ * the other way, for reading-first apps: 16px conversation
+ * text and 15px body and label text, with a wider thread and sidebar. Both set the
+ * same four tokens, so one overrides the other when nested.
  *
  * Motion: data-motion="none" | "subtle" | "expressive" on <html> (or any container).
  * Subtle is the default: a change that happened is shown settling (a collapse,
@@ -334,6 +337,13 @@
   --cd-thread-width: 44rem;
   --cd-sidebar-width: 14rem;
 }
+/* The spacious preset: the same four tokens as compact, set the other way. Prose is pinned here too, at 16px. */
+[data-density="spacious"] {
+  --cd-text-prose: 1rem;
+  --cd-text-md: 0.9375rem;
+  --cd-thread-width: 52rem;
+  --cd-sidebar-width: 18rem;
+}
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme]) {
     --cd-shadow: oklch(0 0 0 / 0.35);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@candor-ui/react",
-  "version": "1.9.1",
+  "version": "2.0.0",
   "description": "Candor UI's free tier as an npm package: React components for agents that do real work, on shadcn/ui and Tailwind 4.",
   "license": "MIT",
   "author": "Methodic LLC",