@adea-ai/ui 0.55.1 → 0.55.3

package/dist/components/appearance.js

@@ -738,6 +738,10 @@ function applyAppearanceToDocument(document, state) {
 		setToken("--primary", state.accent.primary);
 		setToken("--primary-foreground", state.accent.onPrimary);
 		setToken("--ring", state.accent.ring);
+	} else {
+		style.removeProperty("--primary");
+		style.removeProperty("--primary-foreground");
+		style.removeProperty("--ring");
 	}
 	for (const [name, value] of Object.entries(flatVariantTokens(state.variant))) setToken(name, value);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/ui",
-  "version": "0.55.1",
+  "version": "0.55.3",
   "description": "Shared UI kit for Adea: Kobalte/corvu-backed Solid primitives, workspace shells, and theme styles.",
   "keywords": [
     "components",

package/src/components/appearance.ts

@@ -1034,11 +1034,18 @@ export function applyAppearanceToDocument(
   const setToken = (name: string, value: string) => style.setProperty(name, value)
   setToken('--surface-alpha', SURFACE_BACKGROUND_ALPHA[state.effectiveSurface])
   // `theme` keeps every interactive role CSS-owned; an override touches only
-  // the accent roles, never the surface or text palette.
+  // the accent roles, never the surface or text palette. Returning to
+  // `theme` must also *remove* a previous override's inline properties — they
+  // beat the stylesheet, so leaving them behind made "Theme default" look like
+  // a dead button after any preset or custom accent had been used.
   if (state.accent.overrides) {
     setToken('--primary', state.accent.primary)
     setToken('--primary-foreground', state.accent.onPrimary)
     setToken('--ring', state.accent.ring)
+  } else {
+    style.removeProperty('--primary')
+    style.removeProperty('--primary-foreground')
+    style.removeProperty('--ring')
   }
   for (const [name, value] of Object.entries(flatVariantTokens(state.variant))) {
     setToken(name, value)

package/src/styles/conventional-workspace.css

@@ -1983,11 +1983,12 @@
 }
 
 .conventional-settings-dialog {
-  width: min(58rem, calc(100% - 2rem));
-  /* The shared dialog shell caps content at max-w-2xl; the settings dialog
-     needs its full intended width for the two-column layout. */
-  max-width: min(58rem, calc(100% - 2rem));
-  max-height: min(42rem, calc(100svh - 2rem));
+  /* The settings surface packs sections rather than one form, so it opens
+     wider by default (72rem) and taller (52rem); the calc guards keep both
+     responsive on small windows. */
+  width: min(72rem, calc(100% - 2rem));
+  max-width: min(72rem, calc(100% - 2rem));
+  max-height: min(52rem, calc(100svh - 2rem));
 }
 
 .conventional-about-dialog {

package/src/styles/dev-view.css

@@ -890,3 +890,10 @@
   line-height: 1.5;
   color: var(--dev-muted);
 }
+
+/* The appearance editor's mode cards (settings Appearance section): the donor
+   composes them as small proportional previews, so the box keeps a ratio
+   instead of a fixed height that stretched the preview horizontally. */
+.dev-appearance-miniature {
+  aspect-ratio: 4 / 3;
+}