@cosmicdrift/kumiko-bundled-features 0.237.1 → 0.237.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-bundled-features",
-  "version": "0.237.1",
+  "version": "0.237.2",
   "description": "Built-in features — tenant, user, auth, delivery. The stuff you'd rewrite anyway, already typed.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -130,12 +130,12 @@
     "./workflow-runner": "./src/workflow-runner/index.ts"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.237.1",
-    "@cosmicdrift/kumiko-framework": "0.237.1",
-    "@cosmicdrift/kumiko-headless": "0.237.1",
-    "@cosmicdrift/kumiko-renderer": "0.237.1",
-    "@cosmicdrift/kumiko-renderer-web": "0.237.1",
-    "@cosmicdrift/kumiko-types": "0.237.1",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.237.2",
+    "@cosmicdrift/kumiko-framework": "0.237.2",
+    "@cosmicdrift/kumiko-headless": "0.237.2",
+    "@cosmicdrift/kumiko-renderer": "0.237.2",
+    "@cosmicdrift/kumiko-renderer-web": "0.237.2",
+    "@cosmicdrift/kumiko-types": "0.237.2",
     "@mollie/api-client": "^4.5.0",
     "@node-rs/argon2": "^2.0.2",
     "@types/mailparser": "^3.4.6",
@@ -164,7 +164,7 @@
   "devDependencies": {
     "@testing-library/user-event": "^14.6.1",
     "@types/qrcode": "^1.5.5",
-    "@cosmicdrift/kumiko-locale-de": "0.237.1",
-    "@cosmicdrift/kumiko-locale-es": "0.237.1"
+    "@cosmicdrift/kumiko-locale-de": "0.237.2",
+    "@cosmicdrift/kumiko-locale-es": "0.237.2"
   }
 }

package/src/admin-shell/web/overview-layout.tsx

@@ -33,7 +33,7 @@ export function OverviewLayout({
   const gridClass = columns === 2 ? "sm:grid-cols-2" : "sm:grid-cols-3";
 
   return (
-    <FormScreenShell testId={testId} maxWidth="4xl" className="flex flex-col gap-6">
+    <FormScreenShell testId={testId} className="flex flex-col gap-6">
       <Heading variant="page">{title}</Heading>
 
       {state.kind === "loading" && (

package/src/tier-engine/web/tier-admin-screen.tsx

@@ -92,7 +92,7 @@ export function TierAdminScreen(): ReactNode {
   const canSubmit = tenantId !== "" && tier !== "" && !submitting;
 
   return (
-    <FormScreenShell testId="tier-admin-screen" maxWidth="4xl" className="flex flex-col gap-6">
+    <FormScreenShell testId="tier-admin-screen" className="flex flex-col gap-6">
       {tenantsQuery.error !== null && (
         <Banner variant="error" testId="tier-admin-load-error">
           {t("tier-admin.error.load")}

package/src/user-data-rights/web/privacy-center-screen.tsx

@@ -387,7 +387,7 @@ export function PrivacyCenterScreen({
   };
 
   return (
-    <FormScreenShell className="flex flex-col gap-6" testId="privacy-center-screen" maxWidth="3xl">
+    <FormScreenShell className="flex flex-col gap-6" testId="privacy-center-screen">
       <Heading variant="page">{t("userDataRights.privacyCenter.title")}</Heading>
       <p className="text-sm text-muted-foreground">{t("userDataRights.privacyCenter.intro")}</p>
       <ExportSection />

package/src/user-profile/__tests__/profile-screen.test.tsx

@@ -102,6 +102,17 @@ describe("ProfileScreen", () => {
     expect(view.getByTestId("profile-email").tagName).toBe("FORM");
   });
 
+  test("email/password row stretches equal-height cards instead of grid's items-start default (fw#2656)", async () => {
+    const view = renderProfile(activeMe);
+    await waitFor(() => {
+      if (view.queryByTestId("profile-screen") === null) throw new Error("not mounted yet");
+    });
+    const row = view.getByTestId("profile-email").parentElement;
+    expect(row?.className).toContain("grid");
+    expect(row?.className).toContain("md:grid-cols-2");
+    expect(row?.className).not.toContain("items-start");
+  });
+
   test("deletionRequested: Frist-Banner + Abbrechen statt Lösch-Button", async () => {
     const view = renderProfile({
       ...activeMe,

package/src/user-profile/web/profile-screen.tsx

@@ -361,11 +361,11 @@ export function ProfileScreen(): ReactNode {
   };
 
   return (
-    <FormScreenShell className="flex flex-col gap-6" testId="profile-screen" maxWidth="3xl">
+    <FormScreenShell className="flex flex-col gap-6" testId="profile-screen">
       <Heading variant="page">{t("profile.title")}</Heading>
-      {/* Die zwei kurzen Konto-Forms teilen sich eine Reihe (md+); die
-          Danger-Zone bleibt volle Breite darunter. */}
-      <div className="grid items-start gap-6 md:grid-cols-2">
+      {/* The two short account forms share a row from md up; the
+          danger zone stays full width below. */}
+      <div className="grid gap-6 md:grid-cols-2">
         <ChangeEmailSection me={me} onChanged={refetch} />
         <ChangePasswordSection />
       </div>