@flood-md/agent 0.2.0 → 0.2.2
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/DESIGN.md +7 -2
- package/package.json +1 -1
package/DESIGN.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# Flood design system · 0.2.
|
|
1
|
+
# Flood design system · 0.2.2
|
|
2
2
|
|
|
3
3
|
React + TypeScript and Next.js App Router. Use this guide with matching installed
|
|
4
4
|
Flood packages and flood.json. The source repository's release status does not
|
|
@@ -15,9 +15,14 @@ child. Keep server data fetching in server components.
|
|
|
15
15
|
|
|
16
16
|
## Compose
|
|
17
17
|
|
|
18
|
-
- Use Text sizes body/compact/label/helper and Heading sizes large/page/section.
|
|
18
|
+
- Use Text sizes lead/body/compact/label/helper and Heading sizes display/large/page/section.
|
|
19
19
|
Heading level 1–6 sets semantics independently of visual size. Text label size
|
|
20
20
|
does not associate a form control; use Field.
|
|
21
|
+
- Reserve display for a marketing headline; preserve normal page/section sizes
|
|
22
|
+
inside product UI. Hosts own responsive composition.
|
|
23
|
+
- Use CodeSnippet with a code string and optional action slot for commands or
|
|
24
|
+
short examples. The host owns clipboard permission, feedback and errors;
|
|
25
|
+
selectable wrapped code remains available when copying fails.
|
|
21
26
|
- Use Stack and wrapping Inline. Gap and Surface padding keys are strings
|
|
22
27
|
0/1/2/3/4/6/8/12. Parent layout owns spacing; avoid redundant cards and borders.
|
|
23
28
|
- Sizes use rem, line heights ratios, tracking em. Do not impose a fixed root
|