@mittwald/flow-react-components 1.3.4 → 1.4.0-next.0

package/MIGRATION.md

@@ -28,6 +28,30 @@ The CLI's own output does detect it and prints the right form.
 
 ---
 
+<a id="image-rounded-corners-default"></a>
+
+## Image: rounded corners by default, withBorder draws only the border
+
+**Since `1.3.0`** · migration · no code change needed · also applies to
+`@mittwald/flow-remote-react-components`
+
+`Image` now has rounded corners by default, with or without a border. Previously
+only `withBorder` rounded them. `withBorder` now draws only the border, and the
+new `withRoundedCorners` prop (default `true`) controls the corner radius on its
+own. The border color is also more muted.
+
+Keep square corners where an image needs them:
+
+```diff
+- <Image src={src} alt="" />
++ <Image src={src} alt="" withRoundedCorners={false} />
+```
+
+**Apply:** No code change required. To keep square corners on an `Image` without
+`withBorder`, pass `withRoundedCorners={false}`.
+
+---
+
 <a id="popover-open-state-props"></a>
 
 ## Popover: `defaultOpen` renamed, `isOpen` and `onOpenChange` now work
@@ -1074,8 +1098,7 @@ no intent to block anything, now silently cancels closes.
 
 ## Form: resets itself after the surrounding modal closes
 
-**Since `0.2.0-alpha.694`** · migration · no code change needed · also applies
-to `@mittwald/flow-remote-react-components`
+**Since `0.2.0-alpha.694`** · migration · no code change needed
 
 A react-hook-form `<Form>` inside a `Modal` now resets to its default values
 once the modal has closed. Previously it kept what the user had entered, so