Refresh UI components and showcase; release updated framework packages

packages/styles/test/theme.test.ts

@@ -56,15 +56,15 @@ test("resolveThemeConfig merges user tokens over built-in light/dark", () => {
   expect(t.themes.dark["color-bg"]).toBeDefined(); // built-in kept
 });
 
-test("built-in themes use Plus Jakarta Sans and neutral black dark surfaces", () => {
+test("built-in themes use Plus Jakarta Sans and layered charcoal dark surfaces", () => {
   const t = resolveThemeConfig();
   expect(t.themes.light["font-sans"]).toBe(
     '"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif',
   );
   expect(t.themes.dark["font-sans"]).toBe('"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif');
-  expect(t.themes.dark["color-bg"]).toBe("#000000");
-  expect(t.themes.dark["color-surface"]).toBe("#0a0a0a");
-  expect(t.themes.dark["color-surface-2"]).toBe("#171717");
+  expect(t.themes.dark["color-bg"]).toBe("#101114");
+  expect(t.themes.dark["color-surface"]).toBe("#181a20");
+  expect(t.themes.dark["color-surface-2"]).toBe("#20232b");
 });
 
 test("resolveThemeName validates against configured names", () => {
@@ -105,3 +105,16 @@ test("renderThemeRuntime bakes the theme names for cycling", () => {
   expect(js).toContain(JSON.stringify(t.names));
   expect(js).toContain('addEventListener("wrnexus:navigated"');
 });
+
+test("active stylesheets preserve configured geometry and elevation without a later reset", () => {
+  const theme = resolveThemeConfig({
+    themes: { dark: { "radius-sm": "3px", "radius-lg": "9px", "shadow-1": "none" } },
+  });
+  const css = renderActiveThemeCss(theme, "dark");
+  expect(css.match(/--wrn-radius-sm:/g)).toHaveLength(1);
+  expect(css.match(/--wrn-radius-lg:/g)).toHaveLength(1);
+  expect(css.match(/--wrn-shadow-1:/g)).toHaveLength(1);
+  expect(css).toContain("--wrn-radius-sm:3px");
+  expect(css).toContain("--wrn-radius-lg:9px");
+  expect(css).toContain("--wrn-shadow-1:none");
+});