@cosmicdrift/kumiko-renderer-web 0.140.0 → 0.141.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.140.0",
+  "version": "0.141.0",
   "description": "Web-platform bindings for @cosmicdrift/kumiko-renderer. HTML default-primitives, browser history-based navigation, EventSource-backed live events, and a one-call createKumikoApp that mounts the whole stack via react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -16,9 +16,9 @@
     "./styles.css": "./src/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.140.0",
-    "@cosmicdrift/kumiko-headless": "0.140.0",
-    "@cosmicdrift/kumiko-renderer": "0.140.0",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.141.0",
+    "@cosmicdrift/kumiko-headless": "0.141.0",
+    "@cosmicdrift/kumiko-renderer": "0.141.0",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",

package/src/primitives/index.tsx

@@ -125,14 +125,14 @@ function DefaultButton({
   variant = "primary",
   size = "md",
   ariaLabel,
-  fullWidth,
+  width = "auto",
   children,
   testId,
 }: ButtonProps): ReactNode {
   // link-Variant rendert text-artig (Inline-Link im Fließtext/Banner), nicht als
-  // gepolsterte Fläche; fullWidth streckt CTA-Buttons in Karten/Panels.
+  // gepolsterte Fläche; width="full" streckt CTA-Buttons in Karten/Panels.
   const className =
-    [variant === "link" ? "h-auto px-0 py-0" : "", fullWidth === true ? "w-full" : ""]
+    [variant === "link" ? "h-auto px-0 py-0" : "", width === "full" ? "w-full" : ""]
       .filter(Boolean)
       .join(" ") || undefined;
   return (

package/src/widgets/__tests__/form-kit.test.tsx

@@ -246,11 +246,11 @@ describe("Button size", () => {
     expect(screen.getByRole("button", { name: "Entfernen" })).toBeTruthy();
   });
 
-  test("fullWidth streckt den Button (w-full)", () => {
+  test('width="full" streckt den Button (w-full)', () => {
     function WideBtn(): ReactNode {
       const { Button } = usePrimitives();
       return (
-        <Button fullWidth onClick={() => {}}>
+        <Button width="full" onClick={() => {}}>
           Upgrade
         </Button>
       );