@mittwald/flow-react-components 1.3.0-next.26 → 1.3.0-next.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MIGRATION.md +24 -0
- package/USAGE.md +14 -6
- package/dist/assets/component-index.json +1 -1
- package/dist/assets/doc-properties.json +1 -1
- package/dist/css/all-layered.css +1 -1
- package/dist/css/all.css +1 -1
- package/dist/js/packages/components/src/components/Image/Image.mjs +2 -2
- package/dist/js/packages/components/src/components/Image/Image.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Image/Image.module.mjs +3 -1
- package/dist/js/packages/components/src/components/Image/Image.module.mjs.map +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs.map +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-light.mjs +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-light.mjs.map +1 -1
- package/dist/types/components/Image/Image.d.ts +7 -1
- package/package.json +9 -9
package/MIGRATION.md
CHANGED
|
@@ -28,6 +28,30 @@ The CLI's own output does detect it and prints the right form.
|
|
|
28
28
|
|
|
29
29
|
---
|
|
30
30
|
|
|
31
|
+
<a id="image-rounded-corners-default"></a>
|
|
32
|
+
|
|
33
|
+
## Image: rounded corners by default, withBorder draws only the border
|
|
34
|
+
|
|
35
|
+
**Since `1.3.0`** · migration · no code change needed · also applies to
|
|
36
|
+
`@mittwald/flow-remote-react-components`
|
|
37
|
+
|
|
38
|
+
`Image` now has rounded corners by default, with or without a border. Previously
|
|
39
|
+
only `withBorder` rounded them. `withBorder` now draws only the border, and the
|
|
40
|
+
new `withRoundedCorners` prop (default `true`) controls the corner radius on its
|
|
41
|
+
own. The border color is also more muted.
|
|
42
|
+
|
|
43
|
+
Keep square corners where an image needs them:
|
|
44
|
+
|
|
45
|
+
```diff
|
|
46
|
+
- <Image src={src} alt="" />
|
|
47
|
+
+ <Image src={src} alt="" withRoundedCorners={false} />
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
**Apply:** No code change required. To keep square corners on an `Image` without
|
|
51
|
+
`withBorder`, pass `withRoundedCorners={false}`.
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
|
|
31
55
|
<a id="popover-open-state-props"></a>
|
|
32
56
|
|
|
33
57
|
## Popover: `defaultOpen` renamed, `isOpen` and `onOpenChange` now work
|
package/USAGE.md
CHANGED
|
@@ -5,6 +5,10 @@ are changing Flow itself, read [AGENTS.md](./AGENTS.md) instead — the two
|
|
|
5
5
|
audiences need opposite advice, and applying the contributor patterns in an
|
|
6
6
|
application is the most common mistake made here.
|
|
7
7
|
|
|
8
|
+
Building an **mStudio extension**? Read the `USAGE.md` of
|
|
9
|
+
`@mittwald/flow-remote-react-components` as well — it covers what differs across
|
|
10
|
+
the remote boundary, starting with the import address.
|
|
11
|
+
|
|
8
12
|
## The documentation is machine-readable
|
|
9
13
|
|
|
10
14
|
The prose that decides most questions — which component covers a use case, how
|
|
@@ -13,8 +17,8 @@ published for machine consumption:
|
|
|
13
17
|
|
|
14
18
|
| URL | What it is |
|
|
15
19
|
| ---------------------------------------- | -------------------------------------------------------------- |
|
|
16
|
-
| `https://flow.mittwald.de/llms.txt` | Index of every page, grouped by section
|
|
17
|
-
| `https://flow.mittwald.de/llms.json` | Manifest:
|
|
20
|
+
| `https://flow.mittwald.de/llms.txt` | Index of every page as Markdown links, grouped by section |
|
|
21
|
+
| `https://flow.mittwald.de/llms.json` | Manifest: page URL, Markdown URL, remote availability per page |
|
|
18
22
|
| `https://flow.mittwald.de/raw/<path>.md` | One page as Markdown, e.g. `/raw/components/actions/button.md` |
|
|
19
23
|
| `https://flow.mittwald.de/llms-full.txt` | Every page in one file (~1.7 MB) |
|
|
20
24
|
|
|
@@ -24,10 +28,14 @@ States, Props) are not translated.
|
|
|
24
28
|
|
|
25
29
|
Start with these:
|
|
26
30
|
|
|
27
|
-
- `/raw/foundations/structure/layout.md` and
|
|
28
|
-
spacing are meant to
|
|
29
|
-
|
|
30
|
-
|
|
31
|
+
- `/raw/foundations/structure/layout.md` and
|
|
32
|
+
`/raw/foundations/structure/spacing.md` — how layout and spacing are meant to
|
|
33
|
+
be composed
|
|
34
|
+
- `/raw/templates/bausteine/formular.md`,
|
|
35
|
+
`/raw/templates/seiten/uebersichtsseite.md`,
|
|
36
|
+
`/raw/templates/seiten/detailseite.md` — the recurring flows
|
|
37
|
+
- `/raw/foundations/content-guidelines/error-handling.md` — preventing and
|
|
38
|
+
presenting errors
|
|
31
39
|
- `/raw/foundations/content-guidelines/sprach-guide.md` — UI wording
|
|
32
40
|
- `/raw/get-started/versioning.md` — what you may depend on
|
|
33
41
|
|