feat: publish changed packages independently

packages/ui/test/ui.test.ts

@@ -28,7 +28,9 @@ test("bundled UI assets are discoverable and readable", () => {
 
 test("global UI CSS stays below its migration ratchet", () => {
   const css = uiCss();
-  expect(gzipSync(new TextEncoder().encode(css)).length).toBeLessThanOrEqual(3_762);
+  // Component selectors belong to their owning .wrn files. Keep this asset to
+  // resets, tokens, accessibility behavior, motion and reusable utilities.
+  expect(gzipSync(new TextEncoder().encode(css)).length).toBeLessThanOrEqual(3_800);
   for (const localOrRemovedFamily of [
     ".wire-switch",
     ".wire-alert",
@@ -38,7 +40,6 @@ test("global UI CSS stays below its migration ratchet", () => {
     ".wire-segmented-group",
     ".wire-dropdown",
     ".wire-btn",
-    ".wire-next",
   ]) {
     expect(css).not.toContain(localOrRemovedFamily);
   }
@@ -476,10 +477,9 @@ test("component-system CSS includes responsive, theme-token, focus, and reduced-
   expect(css).toContain(".wire-bg-primary");
   expect(css).toContain(".wire-text-muted");
   expect(css).toContain(".wire-visually-hidden");
-  expect(css).not.toContain(".wire-next--field");
-  expect(
-    readFileSync(join(uiComponentsDir(), "..", "styles", "FieldStyles.wrn"), "utf8"),
-  ).toContain(".wire-next--field");
+  expect(css).toContain(".wire-component--color-primary");
+  expect(css).toContain(".wire-next--field");
+  expect(css).toContain(".wire-next__strong-password-requirements");
   expect(css).toContain('[data-show="false"]');
   expect(css).toContain("display: none !important");
   /*
@@ -501,6 +501,20 @@ test("component-system CSS includes responsive, theme-token, focus, and reduced-
   expect(css).toMatch(/\.wire-footer__link\s*\{[^}]*font-size: 0\.8125rem;[^}]*font-weight: 400;/s);
 });
 
+test("every component owns its styles without pseudo-component mounts", () => {
+  const globalCss = uiCss();
+  expect(globalCss).not.toContain(".wire-component");
+  expect(globalCss).not.toContain(".wire-next");
+  for (const name of uiComponentNames()) {
+    const source = readFileSync(uiComponentPath(name), "utf8");
+    expect(source).toMatch(/\n\s*style\s*\{/);
+    expect(source).not.toContain("ComponentBaseStyles");
+    expect(source).not.toContain("FieldStyles");
+  }
+  expect(readFileSync(uiComponentPath("Alert"), "utf8")).toContain("Shared component foundation.");
+  expect(readFileSync(uiComponentPath("Input"), "utf8")).toContain("Shared field foundation.");
+});
+
 test("component boundaries have no default margins and expose the canonical class prop", () => {
   for (const name of uiComponentNames()) {
     const source = readFileSync(uiComponentPath(name), "utf8");